Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 4, 2015 at 7:29 pm #530375
    jambrikp

    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

    November 5, 2015 at 8:54 am #530586
    Rikard

    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

    November 5, 2015 at 11:33 am #530682
    jambrikp

    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 ago by jambrikp.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Different color for each menu item’ is closed to new replies.