WordPress.org

Ready to get started?Download WordPress

Forums

JQuery Accordion Menu Widget
[resolved] How to highlight ONLY current menu item, not its parents or c (4 posts)

  1. Handule
    Member
    Posted 1 year ago #

    Hi,
    I know this topic has been discussed here for a few times, but I can't seem to get any solution.
    I would like to highlight (i.e. underline) in my menu the current item - only the current item, without its parents or sub pages.
    I'm using jQuery Vertical Accordion Menu with this setting:
    Hover
    Auto expand based on current page/item
    Hover delay 0.2 sec
    Animation speed: normal
    Skin: no theme

    I've been playing with this for a while and I've tried these options:
    .current-menu-item { text-decoration: underlined;}
    #dc_jqaccordion_widget-%ID%-item ul a.active { text-decoration: underlined;}
    .dcjq-accordion li a.active { text-decoration: underlined;}
    #dc_jqaccordion_widget-%ID%-item ul a.active { text-decoration: underlined;}

    and some more options with ul and li.. but none of it worked.
    Here is my blog.
    Any ideas how to make this work?
    Any help wold be much appreciated. Thanks!

    http://wordpress.org/extend/plugins/jquery-vertical-accordion-menu/

  2. Majklas
    Member
    Posted 1 year ago #

    try this:

    .menu li.current-menu-item > a,
    .menu li.current-menu-ancestor > a
    {
    text-decoration: none;
    color:#ce046a;
    font-weight:bolder;
    }

    reply if this works :)

  3. Handule
    Member
    Posted 1 year ago #

    yaaaay this works!! thank you so much :)

  4. remix4
    Member
    Plugin Author

    Posted 1 year ago #

    Also see faq:

    How to identfiy the current menu item in an accordion menu

    http://www.designchemical.com/blog/index.php/faq/how-to-identfiy-the-current-menu-item-in-an-accordion-menu/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.