Changing Black writing for Product Price and within Checkout

For general questions and discussions specific to the AbleCommerce 7.0 Asp.Net product.
Post Reply
creatinggenius
Ensign (ENS)
Ensign (ENS)
Posts: 19
Joined: Tue Feb 03, 2009 2:02 pm

Changing Black writing for Product Price and within Checkout

Post by creatinggenius » Tue Feb 03, 2009 4:41 pm

I can not find where I can change Font color of Product Price in Category or font color on checkout pages.

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Changing Black writing for Product Price and within Checkout

Post by mazhar » Wed Feb 04, 2009 7:46 am

Locate the following in your CSS file

Code: Select all

.catalog .tableNode {
..............
..............
}
and put font and color info in it

Code: Select all

.catalog .tableNode {
..............
..............
color:red;
font-size:14px;
}

creatinggenius
Ensign (ENS)
Ensign (ENS)
Posts: 19
Joined: Tue Feb 03, 2009 2:02 pm

Re: Changing Black writing for Product Price and within Checkout

Post by creatinggenius » Wed Feb 04, 2009 10:41 am

Thanks This worked for category display pages. But I also need to change it for Checkout pages.
As an example on where I need to change font color is for text relation to Billing Address (the person name and address), Shipping Address (the persons name and address), and even text that currently says "Pay With a Credit or Debit Card".

Can you tell me where in style sheet I can make that change?

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Changing Black writing for Product Price and within Checkout

Post by mazhar » Wed Feb 04, 2009 11:01 am

For this edit the ConLib/OnePageCheckout.ascx file and search for the price information. For example you will found some code block as

Code: Select all

<asp:TemplateField HeaderText="Price">
                                            <ItemStyle HorizontalAlign="Right" />
                                            <ItemTemplate>
                                                <%# Eval("Price", "{0:ulc}") %><br />
                                            </ItemTemplate>
                                        </asp:TemplateField>
and edit its item style part for example make the above code look like

Code: Select all

<asp:TemplateField HeaderText="Price">
                                            <ItemStyle HorizontalAlign="Right" Font-Size="Large" ForeColor="red" />
                                            <ItemTemplate>
                                                <%# Eval("Price", "{0:ulc}") %><br />
                                            </ItemTemplate>
                                        </asp:TemplateField>

creatinggenius
Ensign (ENS)
Ensign (ENS)
Posts: 19
Joined: Tue Feb 03, 2009 2:02 pm

Re: Changing Black writing for Product Price and within Checkout

Post by creatinggenius » Wed Feb 04, 2009 12:35 pm

I found where you can do it.
I had to go to <font color="#FFFFFF"> before each placeholder that I needed a colr change on.

But for the section "Payment Method" it would change the color of Payment Method radio choices along with "Pay With a Credit or Debit Card" which I did not want. It looks like a placeholder
<asp:PlaceHolder ID="phTermsAndConditions" runat="server" Visible="false" EnableViewState="false"> takes care of the entire Payment Method section.

Is there a way to just change text of ""Pay With a Credit or Debit Card" without changing radio buttons choices?

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Changing Black writing for Product Price and within Checkout

Post by mazhar » Wed Feb 04, 2009 1:02 pm

Give a try in specifying the color info in following style of CSS

Code: Select all

table.paymentForm th.caption {
border-bottom:1px dotted black;
padding-top:8px;
}

creatinggenius
Ensign (ENS)
Ensign (ENS)
Posts: 19
Joined: Tue Feb 03, 2009 2:02 pm

Re: Changing Black writing for Product Price and within Checkout

Post by creatinggenius » Wed Feb 04, 2009 1:44 pm

Thanks That helped.

One more spot - on the Checkout/reciept.aspx page that is a section called
"PAYMENT INFORMATION" (I got to appear white)
But what I need white is under "Order Summary" where it gives the following:

Item Subtotal: , Shipping: , Taxes: $0.00

--------------------------------------------------------------------------------

Total: $2.70

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Changing Black writing for Product Price and within Checkout

Post by mazhar » Fri Feb 06, 2009 3:58 am

Locate the table.orderSummary style in CSS and define your color value there.

Post Reply