Support » Theme: Vantage » Main Navigation "Active" state color add

  • I have been working with your wonderful Theme and have a few challenges that I have not been able to overcome in regards to customizing it. I am fairly familiar with CSS and have been trying to find the correct place to add an “active” state color to the main navigation item. I was wondering if this was possible as I have tried at least 10 different piece to no joy.

    Can someone help me work this out?

    Thanks,
    CTE2087

Viewing 7 replies - 1 through 7 (of 7 total)
  • Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter cte2087

    (@cte2087)

    The theme does not currently have an active state. I need help to create an actual active state or direction on how to add it. I can change hover color…but nothing seems to work for an actual “active” state on a navigation item.

    Any ideas…am I completely missing something??

    Thanks,
    CTE2087

    Thread Starter cte2087

    (@cte2087)

    I am also already using Firebug and have added this in the “Custom CSS” area of Vantage theme:

    .main-navigation ul li:active > a {
    background: #00154b;
    color: #FFFFFF;
    }

    I believe the code would have to be a:hover or a:active. Not sure if it actually works on the li since I’ve never done it that way but maybe it does.

    Thread Starter cte2087

    (@cte2087)

    This appears to work for the Vantage theme:

    .current_page_item {
    background: #00154b;
    color: #FFFFFF;
    }

    Although it does not work on menu separators or blog pages

    Thanks,
    CTE2087

    Thats great! Thanks for your help! You saved me many hours of pulling my hair out!

    THAAAANKS A LOOOT!! =) I love wordpress forums!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Main Navigation "Active" state color add’ is closed to new replies.