Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / fighting with simple font color changes

fighting with simple font color changes

Locked

Views: 1,082

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
20 Mar 2008, 3:30 AM
#1
osmith avatar

osmith

New Zenner

Join Date:
Oct 2007
Posts:
31
Plugin Contributions:
0

fighting with simple font color changes

grrrrr...I am not a programmer, but this should be fairly simple and I can't get it! I know the wonderful Zen Cart community can help. :smile:

(Yes, I have firefox developer toolkit)

I cannot for the life of me get the font colors how I want them. I want the pink header and footer to have white fonts with a hover of black. Every time I try to change them I end up messing up the hover for my categories. I only fumble through CSS...it just doesn't make sense to me...:blush:

Please help? Anyone? Thank you so much!!!

http://www.octobersmith.com/kkcards

20 Mar 2008, 4:34 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: fighting with simple font color changes

Find your override folder stylesheet.css

  1. Add this:
  2. #navSupp ul li a {color: white;}
20 Mar 2008, 4:52 AM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: fighting with simple font color changes

Sorry forgot to add this

#navMain li a

20 Mar 2008, 1:19 PM
#4
osmith avatar

osmith

New Zenner

Join Date:
Oct 2007
Posts:
31
Plugin Contributions:
0

Re: fighting with simple font color changes

Thanks HareDo, that did the trick for the header...still can't get the footer working correctly, but at least the font is white again. (can't seem to get the footer to hover in pink--there is no hover)

I am fine with it though.:cool:

20 Mar 2008, 2:19 PM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: fighting with simple font color changes

osmith:

Thanks HareDo, that did the trick for the header...still can't get the footer working correctly, but at least the font is white again. (can't seem to get the footer to hover in pink--there is no hover)

Edit the override folder stylesheet.css

Find this:

  1. #navMain ul li a:hover, #navCatTabs ul li a:hover {
    color: #000000;
    }
  2. Add this to the declaration
  3. #navSupp ul li a:hoverSo our results will look like this:
  4. #navMain ul li a:hover, #navCatTabs ul li a:hover, #navSupp ul li a:hover {
    color: #000000;
    }Enjoy,
20 Mar 2008, 3:13 PM
#6
osmith avatar

osmith

New Zenner

Join Date:
Oct 2007
Posts:
31
Plugin Contributions:
0

Re: fighting with simple font color changes

AWESOME!!!:clap: It worked! Thank you so much! I realize my problem really lies with the lack of CSS knowledge I have. I was adding #navSupp ul li a a:hover

Can you recommend a good book on CSS?

Thanks again!!!:smile:

20 Mar 2008, 3:23 PM
#7
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: fighting with simple font color changes

You'll find some great info at http://www.w3schools.com/default.asp.