Separating the Header Links from Sidebox links in CSS

[mommydesigns]

The links in my header (Home & Login) and additional links I have added below my header are getting lost as my header & site background is almost the same colour.

My category links, etc in the sideboxes are the same colour as above as they both use the same CSS:

a:link, #navEZPagesTOC ul li a (line 23)

{
color: #616180;
text-decoration: none;

}

Is there anyway to make the links in the header section a different code? I would ideally like them to be white.

I had this all set up and working great in 1.2.7 (older stylesheet version) but am having a hard time converting some of the CSS to the newer stylesheet.

You can see the site here at www.azurewraps.com

Thank you!
Jennie

[afo]

To change the color of the links in your header (above and below your logo), add the information in red to your stylesheet.

/*navigation*/

.headerNavigation {
	background: #9899C9;
	color: #ffffff;
	font: bold medium;
}

.headerNavigation a {
	color: #000000;
	font: bold medium;
}

.headerNavigation a:hover {
	color: #ff0000;
	font: bold medium;
}

The links will be in black and turn red when the cursor is over them. You can adjust the color to whatever works for you.

While I was looking at the site, I noticed the links in the sideboxes turn white when the cursor is over them making them disappear into the background. To fix that, add this:

.leftBoxContent a:hover {
	color: #ff0000;
	font: bold medium;
}

Again, I used red in my example, but you can pick any color you want.

HTH!

[mommydesigns]

Thank you so very much Mary Ellen! I was able to customize my colours with what you gave me and it's so much better now. Whew!! I knew it was something simple if I could only figure out the styles to put in the CSS.

[afo]

I was playing with something similar not too long ago, so I knew it could be done fairly easily.

I just checked out the site. Looks great! I'm glad I could help you get Zenned.