Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 25, 2014 at 7:29 pm #229155
    Thinkgate

    I am looking to set the a:active color for each of my main menu items. I have already set a:hover for each menu item, and it is working perfectly for both the top level navigation item, and sub menu items.
    ex:
    #menu-item-5369 a:hover { color:#db1534 }

    When I try to set a:active, like so: #menu-item-5369 a:active { color:#db1534 } it does not work.

    I know how to set the active color for all menu items, but not specifically for each set (each main and sub menu items all distinct, active colors).

    Hopefully that makes sense.

    February 25, 2014 at 7:32 pm #229156
    Yigit

    Hi murphy88!

    Please try it as following

    .header_color .main_menu ul:first-child > li#menu-item-5369.current-menu-item > a, .header_color .main_menu ul:first-child > li#menu-item-5369.current_page_item > a { color: red; }

    Cheers!
    Yigit

    February 25, 2014 at 7:50 pm #229162
    Thinkgate

    Yigit,

    Thanks for the quick response, but no luck. Set color as !important as well with no change.

    I will include the link to the dev site in a following private post.

    Thanks again for your help!

    February 25, 2014 at 7:51 pm #229163
    Thinkgate
    This reply has been marked as private.
    February 25, 2014 at 8:16 pm #229173
    Yigit

    Hey!

    It seems to be working fine on my end http://i.imgur.com/zVVK8V0.jpg
    Please flush browsers cache and refresh your page a few times

    Cheers!
    Yigit

    February 27, 2014 at 6:08 pm #230170
    Thinkgate

    Yes, it ended up working. Had to restart my browser. Thank you!

    Also — What would be the equivalent for sub-menu items?

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Main Navigation a:active Color’ is closed to new replies.