Jump to content
Sign in to follow this  
tody

Coloring brandnav navigation

Recommended Posts

tody

Hi! I came this far so I won't give up! :) All I need is to color the non active components of the navigation. If the item is selected it's okey if it's not the same gray color on hover appers as is it on defoult template. All I wan't is to turn this to black! I'm not demanding to much do I ? The site is on this link http://www.todyland.info/hvala/ This is the code that I already found and altered

	#brandnav li a, #brandnav .nav-special {
	display: block;
	text-decoration: none;
	color:#FFF;
	}
	
	#brandnav {
	padding: 0px 0px 0px;
	margin-bottom: .0em;
	}
	
	.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:#000000;
	}
	
	.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
	{
	background-color:#99CC00;
	}
	
	main_nav .main-nav li a:hover
	{
	background-color:#99CC00;
	}
	

Share this post


Link to post
Share on other sites
catrina

Try this code:

ul#menu-glavni li.menu-item {background-color: #000;}

It will turn the background of your inactive items into black. Add it to your Custom CSS area.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
tody

Thanks for your help but somehow I managed it :) You should separate navigation css tags from all other stuff so its more clear what is changing and what not :)

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  

×