Forums / Templates, Stylesheets, Page Layout / shopping cart heading

shopping cart heading

Locked

Views: 1,106

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
27 Jul 2009, 6:51 PM
#1
si86 avatar

si86

New Zenner

Join Date:
Jul 2009
Posts:
19
Plugin Contributions:
0

shopping cart heading

hi all

could someone please tell me what part of the stylesheet to edit or what to add to change the colour of the shopping cart headings (Qty, Item name, Unit, Total) with out changing the colour of anything else and also how i can put a bottom border under these headings.

Thanks

27 Jul 2009, 7:13 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: shopping cart heading

.tableHeading TH {
border-bottom: 1px solid #9a9a9a;
}

but that might change that heading throughout the checkout pages. Serach in the Developers Tool Kit for 'tableheading' to see where that class is used.

27 Jul 2009, 7:43 PM
#3
si86 avatar

si86

New Zenner

Join Date:
Jul 2009
Posts:
19
Plugin Contributions:
0

Re: shopping cart heading

stevesh:

.tableHeading TH {
border-bottom: 1px solid #9a9a9a;
}

but that might change that heading throughout the checkout pages. Serach in the Developers Tool Kit for 'tableheading' to see where that class is used.

cheers mate that worked perfectly

dont suppose you know how i can change the rest of the bold headings to a certain colour as well do you e.g. on the my account page the bold titles that say "My Account" and "Email Notifications"

Cheers
Si

27 Jul 2009, 7:45 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: shopping cart heading

I'll put my 'teach a man to fish" hat on again and suggest that you install the Firefox browser and the Web Devloper plugin. Then open your site in Firefox, and CTRL-SHIFT-Y will allow you to hover over the area you're interested in, and you'll see the applicable CSS in the box at the top. CTRL-SHIFT-E will open the CSS editor, where you can make test changes that will be reflected immediately in your page. A very handy tool.

Also, the Colorzilla plugin for Firefox will allow you to put your mouse pointer on an area and see what color it's using. I use both these tools constantly.

27 Jul 2009, 7:50 PM
#5
si86 avatar

si86

New Zenner

Join Date:
Jul 2009
Posts:
19
Plugin Contributions:
0

Re: shopping cart heading

stevesh:

I'll put my 'teach a man to fish" hat on again and suggest that you install the Firefox browser and the Web Devloper plugin. Then open your site in Firefox, and CTRL-SHIFT-Y will allow you to hover over the area you're interested in, and you'll see the applicable CSS in the box at the top. CTRL-SHIFT-E will open the CSS editor, where you can make test changes that will be reflected immediately in your page. A very handy tool.

Also, the Colorzilla plugin for Firefox will allow you to put your mouse pointer on an area and see what color it's using. I use both these tools constantly.

i never knew this existed but have always though there must be something like it available. thanks ever so much.

1 Feb 2010, 8:07 AM
#6
integrity_designs avatar

integrity_designs

Zen Follower

Join Date:
Nov 2009
Location:
North Bendigo, VIC, Australia
Posts:
157
Plugin Contributions:
0

Re: shopping cart heading

stevesh:

I'll put my 'teach a man to fish" hat on again and suggest that you install the Firefox browser and the Web Devloper plugin. Then open your site in Firefox, and CTRL-SHIFT-Y will allow you to hover over the area you're interested in, and you'll see the applicable CSS in the box at the top. CTRL-SHIFT-E will open the CSS editor, where you can make test changes that will be reflected immediately in your page. A very handy tool.

Also, the Colorzilla plugin for Firefox will allow you to put your mouse pointer on an area and see what color it's using. I use both these tools constantly.

Thanks for this awesome tip.
Kind Regards