More Navigation Styling Problems

[codysan 0]

For now, I've given up on styling my nav menu using background images and decided to use text and simply change the color of the text for each of the different hover states of normal, hover and for the current page, planning that each state would have a different text color - but even that isn't going to plan. I don't seem to be able to get the current state to style properly - The site in question is here - http://www.lacleansweep.org/ And the code I'm using is as follows:

#primary-nav li a{
	background-color: #fff;
	font-family: Impact, Haettenschweiler, ???Arial Narrow Bold???, sans-serif;
	font-size: 1.2em;
	color: #000;
	text-transform: none;
	}

#primary-nav .main-nav li a:hover{color: #ddd;}

.main-nav li.current-page-ancestor a, .main-nav li.current_page_item a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item ul a{color: #900;}

All I want is for the color of the current page text in the nav bar to be red, or blue or chartreuse or any color different than the normal and hover state . . . Thanks PC

[realjoshlee 0]

Hey Philip, Just go ahead and put this into your CSS code and that should do the trick for all of the links. You can change the color to whatever you want, I chose red for grins.

#menu-nav .current_page_item a{
	color:red;
	}
	

[codysan 0]

Thanks Josh . . . That did it. PC