Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #530375

    Hey!

    I would like to different underline color for each menu item.
    The hover it’s okay, but how can I do same color for the current menu item?

    .av-main-nav #menu-item-17:hover .avia-menu-fx {
        background-color: #f7786b !important;
    }
    
    .av-main-nav #menu-item-18:hover .avia-menu-fx {
        background-color: #91A8d0 !important;
    }
    
    .current-menu-item #menu-item-17 > a > .avia-menu-fx {
        background-color: #f7786b !important;
    }
    
    .current-menu-item #menu-item-18 > a > .avia-menu-fx {
        background-color: #91A8d0 !important;
    }

    Thank you :)

    Best regards,
    Peter

    #530586

    Hi Peter,

    Not sure it will work but you could try something like this instead:

    #menu-item-17.current-menu-item a span.avia-menu-text {
    YOUR CSS
    }

    Thanks,
    Rikard

    #530682

    Yes, it’s work! :) Thank you! :)

    #menu-item-17.current-menu-item a span.avia-menu-fx {
        background-color: #f7786b !important;
    }
    • This reply was modified 9 years, 1 month ago by jambrikp.
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Different color for each menu item’ is closed to new replies.