Jump to content
Sign in to follow this  
basmati

change the background color of active item in the primary-nav

Recommended Posts

basmati

i try to change the color of an active item in the primary nav and want to ged rid of the white background when clicking a link in the primary nav. I found that piece in the superfish css:

#primary-nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#000;outline:0;}
but it did'n work out in the base.css. do you have any ideas? the style for my menu looks like this:
#primary-nav { /* ---------BG Menu fullwidth--------- */
				background: transparent;
				font-size:1.3em;
				line-height:1em;
				margin-top:0;
				padding-bottom:1em;
				position:relative;
				text-align:left;
				z-index:28;
			}
		#primary-nav ul.main-nav {  /* ---------BG nav row--------- */
				background-color: #666;
				width:960px;
				-moz-border-radius: 6px;
				-khtml-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
			}
		#primary-nav ul.sf-menu li { /* ---------BG each menu item--------- */			float:left;
				margin:0;
				position:relative;
				background-color: #666;
				-moz-border-radius: 6px;
				-khtml-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
			}
		.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  { /* ---------Styles Primary Current Nav--------- */
				background:none repeat scroll 0 0 #1B398F;
				-moz-border-radius: 6px;
				-khtml-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
			}
		#primary-nav ul.sf-menu li a { /* ---------link font styles--------- */
				color:#FFF;
			}

Share this post


Link to post
Share on other sites
basmati

got it - the "li" was missing

#primary-nav ul.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { /* ---------Background Active Links-------- */
				background:#ff0000;
				outline:0;
			}

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  

×