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;
 }

[coreyalderin]

Thank you, that worked. I didn't mean not to follow the directions. I had originally put it as suggested but then when it didnt work I was messing around with it some more. I think part of this issue was also the code I had for "visited". I did not need that and then when I deleted it (along with the other suggestes) it worked.

Thanks again for all the help.

One last thing: Is there a somewhere I can go that explains what all the stylesheet #...'s do? And also explains all the #....'s that are not currently in the stylesheet but can be added to do more customizing. I do not know all the terminology so sorry if the questios are confusing.

[keneso]

Best thing you can do is to use firefox with firebug, and/or web developer extensions, with those you can inspect, and edit/test all the css real-time.
If you see an id (#) or class (.) in the styelsheet you can add it, and style it.
You can also create your own id, and/or class to control even more the layout, of course in that case you need to add it both on the outputting file, and the stylesheet.
If you need more info on css w3schools.com is a good place to start.

[coreyalderin]

Thanks for all the help. I downloaded Firebug and that is exactly what I needed. Its a very helpful way to learn what everything does.