Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 3, 2016 at 5:00 pm #694723
    aderal2016

    Hi,

    this is my web: private content

    as you can see, I changed the CSS for the main menu like this:

    .avia-menu-text {
    color: #000;
    font-weight: 400;
    padding: 4px;
    }

    .avia-menu-text:hover {
    background-color: #ffee01;
    font-weight: 400;
    padding: 4px;
    }

    The issue is about active status for each menu item. Please how can I fix this to keep the same hover style?

    Thanks in advace,
    Davide

    October 4, 2016 at 6:45 am #694888
    Rikard

    Hey aderal2016,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .avia-menu-text:active {
background-color: #ffee01;
font-weight: 400;
padding: 4px;
}

    Best regards,
    Rikard

    October 4, 2016 at 8:54 am #694926
    aderal2016

    Hi Rikard,

    thanks for your suggestion, but this is the first try I did.. doesn’t work. Any more suggestions?:)

    Best,
    Davide

    October 4, 2016 at 1:13 pm #695017
    Yigit

    Hey!

    Please use following code 

    .av-main-nav li.current_page_item .avia-menu-text {
    background-color: #ffee01;
    font-weight: 400;
    padding: 4px;
}

    Regards,
    Yigit

    October 4, 2016 at 1:28 pm #695024
    aderal2016

    awesome now it works! thanks:)

    October 4, 2016 at 1:30 pm #695025
    Yigit

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

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