Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 9, 2019 at 10:43 am #1146458
    sebastiaan

    Hi I’m trying to achieve a kind of language selector in the menu using the bordered menu items.

    I like them to change color only on active status, the language a domain or language b domain. Indeed it are to domains.

    I have changed the style of the buttons with the help of @Guenni007 solution:

    .main_menu #menu-item-3851 .avia-menu-text {
    border: 2px solid #0B5BA1 !important;
    background:gold!important;
    border-radius: 0px 0px 0px 0 !important;
    }

    .main_menu #menu-item-3850 .avia-menu-text {
    border: 2px solid #0B5BA1 !important;
    background:gold!important;
    border-radius: 0px 0px 0px 0 !important;
    }

    But I need the color to be changed only at the selected active item. I hope you guys can help me out.

    Much appreciated, as always!

    Kind regards,

    Sebastiaan

    October 10, 2019 at 5:32 am #1146729
    Rikard

    Hey sebastiaan,

    Did you try to target the active state?

    .main_menu #menu-item-3851 .avia-menu-text:active {
  Your CSS here
}

    If that doesn’t work then please post a link to where we can see the elements in question.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.