change color navigation

[ninojacobs 0]

How can I change the color of the navigation so that it is yellow and when I rollover it is blue? what css code should use? this is a link to the site http://seriousevents.nl/wordpress/ . Thanks for help! Ni?±o

[Kate 3]

This will probably take a little tweaking (including replacing "yellow" and "blue" with the real hex values), but it should get you on the right track:

.main-nav li a{background:none;color:yellow !important;}
	
	.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:none;color:blue !important;}
	.main-nav li:hover{background:none !important;}
	.main-nav li a:hover{background:none !important;color:blue !important;}

[ninojacobs 0]

Hi Kate, may thanks. nearly there :-) what css can I use so that the in the fact the whole background of the navigation menu is yello. so when i look at the site that teh whole navigation menu is yellow and the content is blue? txs

[kastelic 6]

 #primary-nav ul.main-nav { background: yellow !important } 

but if any of the li or a elements within it are set to have a background (as they do now) they will either need to be set as "transparent" or "yellow" for the whole thing to look yellow.

[ninojacobs 0]

thanks, I figured out :-) yeah :-)

[Kate 3]

Glad you got it figured out