Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 5, 2015 at 2:46 pm #483366
    maschera

    Hi guys,

    How can I Change the hovering color of the head menu tabs? Currently it is grey on grey.

    Thanks

    August 5, 2015 at 7:34 pm #483545
    Elliott

    Hi maschera!

    Navigate to Dashboard > Enfold > Advanced Styling. Here you can create new style rules for certain elements such as the main menu links and submenu links and their hover states.

    Regards,
    Elliott

    August 6, 2015 at 12:23 pm #483803
    maschera

    Thanks Elliott I’m in the menu but can’t find how to edit the Hover State color. I’ve tried to change the “Background Color” but it doesn’t work.

    If I select “Apply only to Hover State” instead, the menu will disappear and appear again only when hovered.

    August 6, 2015 at 4:56 pm #484026
    Elliott

    Hi!

    Your trying to change the background color on hover? Something like this?

    nav.main_menu .menu-item:hover .avia-menu-text {
    background: red;
    padding: 3px;
    color: white !important;
}

    Best regards,
    Elliott

    August 7, 2015 at 12:16 pm #484486
    maschera

    It’s ok no worries Elliott, I actually figured I prefer it more as it is now.

    Thanks a lot

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to change hovering color of head menu tabs?’ is closed to new replies.