fighting with simple font color changes

[osmith]

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.

(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...

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

http://www.octobersmith.com/kkcards

[haredo]

Find your override folder stylesheet.css

1. Add this:
2. #navSupp ul li a {color: white;}

[haredo]

Sorry forgot to add this

#navMain li a

[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)

I am fine with it though.

[haredo]

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:hover

So our results will look like this:

1. #navMain ul li a:hover, #navCatTabs ul li a:hover, #navSupp ul li a:hover {
   color: #000000;
   }

Enjoy,

[osmith]

AWESOME!!! 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!!!