Nav menu active page colour

[justfitness 0]

Hi, I'm quite new here and don't understand most of what is being said on these forums (too technical) Anyway I've got my nav menu pretty much as I want it colour wise, only thing I need help with is having the active page highlighted so visitors know what page they are on, at the moment it is black (same colour as background) The highlighted colour I'm after is #0dff00 Here the site: http://justfitness-training.co.uk/ Thanks for any help, Justin

[studio8c 3]

Hi Justin, This shoot do the job. Cheers Dennis

	#primary-nav .main-nav li a:hover, .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{background-color: #0F1;}

[justfitness 0]

Thanks for that Dennis, it has done the trick, however the text colour is white when highlighted, how would I get the text to be black on green? (like when you hover over the menu) http://justfitness-training.co.uk/

[catrina 103]

To get the hover text to be black on green on hover:

#primary-nav .main-nav li a:hover, .main-nav li.current-page-ancestor a:hover, .main-nav li.current_page_item a:hover, .main-nav li.current-page-ancestor ul a:hover, .main-nav li.current_page_item ul a:hover {color: #000; background-color: #YOURGREENCOLOR;}

Replace

#YOURGREENCOLOR

with the hex code for the green you want.

[justfitness 0]

Thanks for your input Catrina, but the problem remains. My hover colours are fine. I just want the text to turn to black on the nav menu's active page. http://justfitness-training.co.uk/

[kastelic 6]

.current_page_item a {
	background: green !important;
	color:black !important;
	}

[justfitness 0]

Thanks Jimmy, It works great now. Thanks to all who helped!