Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Highlighting Active Category Links in Menu (http://forum.bytesforall.com/showthread.php?t=19113)

johnnyinstereo Dec 12, 2012 11:49 AM

Highlighting Active Category Links in Menu
 
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:

Code:

#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

lmilesw Dec 12, 2012 01:52 PM

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?

johnnyinstereo Dec 12, 2012 03:23 PM

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.

johnnyinstereo Dec 13, 2012 04:18 PM

Anyone got any answers for ol Johnny?

lmilesw Dec 13, 2012 05:05 PM

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.

johnnyinstereo Dec 14, 2012 09:39 AM

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

How would I make this id an active link?

juggledad Dec 14, 2012 10:47 AM

You need to use teh code inspector to examine the HTML code for a link of a page when it is the active page and when it is not. See if there is a clss that you can use to configure the page when it is active.

lmilesw Dec 14, 2012 10:55 AM

Also have you made a donation? I noticed you didn't have the Atahualpa credits on your site and the instructions for removing them are in the Gold forum so I thought maybe your profile wasn't set right. I can fix if that is the case.


All times are GMT -6. The time now is 12:17 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.