Jump to content
Sign in to follow this  
cefisher

Background color effects main nav bar

Recommended Posts

cefisher

hello, How do I prevent the background color from snowing through the main nav bar?

Share this post


Link to post
Share on other sites
timlinson

Do you have a link? What do you mean showing through?

Share this post


Link to post
Share on other sites
timlinson

But what do you mean it's showing through? It looks normal to me.

Share this post


Link to post
Share on other sites
cefisher

If I change the background color to BLACK....the main nav bar will also change BLACK (except for the element that is selected. ie "contact" or "about us" As the background color changes, is the main nav supposed to change too?

Share this post


Link to post
Share on other sites
tody

You have to rull out the CSS that controls the navigation menu. CSS looks like that

	.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:#000;
	}
	
	.main-nav li a:hover,
	.main_nav ul a:hover,
	.main-nav li.current-page-ancestor a:hover,
	.main-nav li.current_page_item a:hover
	{
	background-color:#000;
	
	}
	.main-nav li.current-page-ancestor ul a:hover,
	.main-nav li.current_page_item ul a:hover
	{
	background-color:#999999;
	}
	
	#object-nav,
	#grandchildnav.current_page_item a,
	#grandchildnav li a:hover,
	#grandchildnav.current_page_item ul li a:hover,
	.sf-menu li:hover.sf-menu li.sfHover,
	.main_nav .main-nav li a:hover
	{
	 background-color:#999999;
	}
	

You have to find all the navigation code and copy paste it to the custom css tab in setings. Than you can play with colors :)

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  

×