Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 15, 2018 at 1:04 am #912558
    ilonka78

    I’m using transparent header and button(colored) style menu items.
    I only want to button background under the menu to show up when hover.
    I tried with that
    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: transparent;
    }
    and it works by hiding button color on regular state but now how to make the color to show up when mouse over on the menu item?
    I also don’t want any border below or around this button and it is showing now.

    Website is under maintenance mode, you need to login to see it.
    Thank you

    February 15, 2018 at 1:29 am #912560
    ilonka78

    I was actually able to acheve this with that code in case somebody is looking for solution:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: transparent;
    color: #333333;
    border-bottom: 0px !important;
    }

    a:hover .avia-menu-text {
    background-color: #0e76bc !important;
    color: #fff !important;
    }

    .current-menu-item span.avia-menu-text {
    background-color: #0e76bc !important;
    color: #fff !important;
    }

    February 15, 2018 at 5:41 am #912617
    Mike

    Hi,
    Thank you for sharing your solution, shall we close this then?

    Best regards,
    Mike

    February 15, 2018 at 5:31 pm #912838
    ilonka78

    Yes. We can close it. Thanks

    February 15, 2018 at 6:28 pm #912855
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Button style menu color change on hover’ is closed to new replies.