How can I change link colors in header, without changing all other link colors?

[coreyalderin]

I changed the stylesheet so that the EZ Pages header text color is white, but then it changes the color of all the links on my site to white. Then when I have a white background I do not see the links.

Is there something I can add into the stylsheet so that I can change the colors of link independently?

Thanks
Site: http://www.toolsforchrist.com/shop

[balihr]

At the very top of your stylesheet.css, you have the following:

a:link, #navEZPagesTOC ul li a {
	color: #ffffff;
	text-decoration: none;
	}

 
a:visited {
	color: #ffffff;
	text-decoration: none;
	}

As you can see, you've set all links on your site to white (#ffffff). Change that and you'll see your links... But, you might consider changing the way you're building your site - you have a white background and A LOT of white text in your stylesheet - Google's very likely gonna penalize you for that...

[coreyalderin]

Thanks for the response. Do I have white text somehwere besides the links? I really do not want to get penalized by Google.

I changed the above code to black (#000000), but then something else happens that I dont want. The EZ pages header then changes the text to black. I want those to be white for a:link and a:visted.

Can I change just the EZ pages text.

Thanks again

[keneso]

Add this to your stylesheet

#navEZPagesTop a {
color: #ffffff;
}

And if you need the hover add this, and set the color you want

#navEZPagesTop a:hover {
color: #f90310;
}

[balihr]

Thanks for the response. Do I have white text somehwere besides the links? I really do not want to get penalized by Google.

I don't know because I haven't checked your site in details and I see it's still in progress. This is something I noticed in your stylesheet.css - just check it and see how many things are set to #FFF and all on white background.

The other question I believe was answered by keneso.

[coreyalderin]

Thanks for the responses. I have changed the #navEZPagesTop in all places to be what I want but for some reason it is not working. Most of the text is white like I want it but one of the words is black. Then when I hover over them nothing happens. I cannot figure this out.

[keneso]

Well you didn't quite follow the suggestions.

In your stylesheet you don't have

#navEZPagesTop a {
color: #ffffff;
}

Do this please:
add this to your stylesheet

#navEZPagesTop a {
 color: #ffffff;
 }

find

a:hover, #navEZPagesTop a:hover {
 color: #000000;
 }

and change to

a:hover {
 color: #000000;
 }
#navEZPagesTop a:hover {
 color: #whatever-color-you-want;
 }

if you want to change the color of the link once it has been visited change the color here

#navEZPagesTop a:visited {
 color: #ffffff;
 }