Nav Menu Color

[johnmindala 0]

I'm simply trying to change the font color on the hover for the main menu. I figured it would be in here: #primary-nav .main-nav li a:hover { font-weight:lighter; background-color: #152841; } Hover elements successfully change, but when I add: color: #FFF; the textcolor continues to remain gray. My website is here: <http://beta.kimisishamptons.org/>

[bonngean 0]

I'm assuming it remains grey because you have the font=weight set to lighter. I used:

#primary-nav .main-nav li a:hover {
	font-weight:bold;
	color: #FFF;
	background-color: #FFC140;
	}

And it changed the hover color to white.

[bonngean 0]

Oops... if you use my code, don't forget to change your background color back to:

	#primary-nav .main-nav li a:hover {
	font-weight:bold;
	color: #FFF;
	background-color: #152841;
	

[johnmindala 0]

Thanks Bonnie, but no luck. I stripped in your code, text attributes change to "bold" and the hover state changes to "yellow", but the font color wants to remain gray. Just not sure the what the problem is. Something else in my site is throwing this one attribute off.

[kastelic 6]

Are you putting this is Custom Code -> Custom CSS? Also try adding 'body' the front of the rule.

[Gavin_+ 56]

It worked for me The only thing i needed to change was to add a closing bracket } Thanks

[johnmindala 0]

Thanks Jimmy!!! Adding 'body' before #primary-nav .main-nav li a:hover worked!!!

[tbk4568 0]

I have tried all of the above to change the color of my primary nav and nothing is working. I currently have in custom CSS part of platform pro: body#primary-nav ul.main-nav { background-color: none; color: #5e185e; } What am I doing wrong?

[timlinson 3]

When you try Bonnie's code with Jimmy's `body` hint, make sure there's a space after `body`.