Jump to content
Sign in to follow this  
joanneshawaiirrcom

Navigation Color CSS Needed

Recommended Posts

joanneshawaiirrcom

I am trying to change the color of my top navigation drop downs. Whenever I place my cursor on the menu that has sub-pages I keep getting a black or grey color. What would be the CSS code to make this change? How do I change this? Thank you very much!

Share this post


Link to post
Share on other sites
wp101

Hey, Try appending the following to what you have currently:

#nav ul.dropdown li.menuhover > a{
	background: #3BB9FF;
	color:#fff;
	}
#nav ul.dropdown ul li a:hover, #nav ul.dropdown li.current_page_ancestor ul a:hover, #nav ul.dropdown li.current_page_item ul a:hover,
	#nav ul.dropdown ul li.current_page_ancestor a, #nav ul.dropdown ul li.current_page_item a, #nav ul.dropdown ul li.current_page_item a:hover, #nav ul.dropdown ul li.current_page_ancestor a:hover, #nav ul.dropdown ul li ul li.current_page_item a{
	background: #3BB9FF;
	color:#fff;
	}

Share this post


Link to post
Share on other sites
joanneshawaiirrcom

Hey Talha, Thank you for your help! I did put your code into the custom code section and was able to change the rollover color from blue to the green that I wanted. However, I am still getting the dark grey and black colors on the drop down pages. Here's the link again: http://www.nalofarmfresh.com. Any way to change this? Thank you!

Share this post


Link to post
Share on other sites
Andrew

Try adding your color here: ` #nav ul.dropdown ul li a:hover, #nav ul.dropdown li.menuhover ul li a:hover, #nav ul.dropdown ul li.current_page_item a, #nav ul.dropdown li.menuhover ul li.current_page_item a, #nav ul.dropdown ul li.current_page_ancestor a, #nav ul.dropdown li.menuhover ul li.current_page_ancestor a, #nav ul.dropdown li.menuhover ul li.current_page_item ul li a:hover, #nav ul.dropdown li.menuhover ul li.current_page_ancestor ul li a:hover, #nav ul.dropdown li.menuhover ul li ul li.current_page_item a{ background: #YOURHEXCOLOR; } ` You can always locate and edit the dropdown.css document if you want to see the CSS rules directly. Also are you using Firebug (for FireFox)?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×