nav column colors issue

I found a thread that solved my problem perfectly with ONE hitch. I wanted different link, hover, active colors etc. in the side boxes than globally on the site. So i followed kobra's thread and added:

#navColumnOne a:link, #navColumnTwo a:link {color} and the same for hover, visited, etc.

and although I have different link colors set under

h3.leftBoxHeading :hover for instance, it is changing the Headers TOO and I only want to change the navColumn colors NOT the headers on the side boxes too. Is there a work-around?

so I want different colors in the nav sideboxes and different colors in the headers on the sideboxes, and it seems the navColumnOne is overpowering everything else.
:frusty:

Do you have Firebug??? If you do then use it to check the precedence of your styles.

don't even know what a firebug is, but i will investigate and try to find out. :blink:

firebug is an addon for mozilla firefox. https://www.mozilla.com

Andrew is referring to an add-on for the FireFox browser which will allow you to see what controls what colors. There's also the web developer add-on (which I use) which I believe does some of the same things.

Add this to your stylesheet (adjust the colors according to your needs):

#navColumnOneWrapper a:link, #navColumnTwo a:link {
	color: #FFFFFF;
	text-decoration: none;
	}

#navColumnOneWrapper a:visited, #navColumnTwoWrapper a:visited  {
	color: #FFFFFF;
	text-decoration: none;
	}

#navColumnOneWrapper a:hover, #navColumnTwoWrapper a:hover  {
	color: #FF0000;
	text-decoration: none;
	}

You could even separate #navColumnOneWrapper from #navColumnTwoWrapper and have different colors for each.

Thanks, I will look into both of these replies and appreciate the help!:cool: