Hi. I'm using Ata 3.7.9 and I'm having trouble styling the CSS to highlight active category pages. I've got it to where it highlights active pages, but not categories. Here's the css I'm using:

#nav ul li.current_cat a{
	color: #FFFFFF;
	text-decoration: none;	
background-image: url(/q1productions/wp-content/themes/atahualpa/images/mainnav_gradient.jpg);
	background-repeat: repeat;
	
}

#nav ul li.current-cat a:active{
border: none;
visibility: visible;
background: none;
color: #ffffff;
background-image: url(/q1productions/wp-content/themes/atahualpa/images/mainnav_gradient.jpg);
display: inline;
list-style-position: outside;
	list-style-type: circle;

} 

#nav ul li.current-cat ul li a:active{
border: none;
visibility: visible;
background: none;


} 
 

#nav ul ul li.current-cat a:active{
border: none;
visibility: visible;
background: none;
color: #e5e16f;

display: inline;
list-style-position: outside;
	list-style-type: circle;

}

I know that what I'm doing wrong is a simple solution, so any help will be appreciated.

Thanks,

Johnny

How are you determining your CSS selectors? What do you mean by active category pages? Are you talking about the menu tabs? Do you have a link to your site?

Yes it is for a menu in the header. The address is www.bearbonesstudios.com/q1productions

The links under conferences are not highlighting, but the links under Webinars are highlighting because right now those links are pages.

Anyone got any answers for ol Johnny?

You have to use a tool like Firebug to determine the CSS selectors and then apply the necessary CSS. There is no theme setting to do this.

Awesome.. So I've found the id as menu-item-163

How would I make this id an active link?