Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 30, 2021 at 6:13 pm #1331034
    ceakins1908

    I have two buttons in my menu and I need to change the color of the text on hover so that it is visible on the “Act Today!” button, but can’t figure out how. Could you assist? Here is the link to the site site

    Thanks!

    December 1, 2021 at 9:49 am #1331096
    Ismael

    Hey ceakins1908,

    Thank you for the inquiry.

    You can use this css code to adjust the color of the menu text on hover.

    #top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .avia-menu-text {
    color: #ffcc5e;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    December 2, 2021 at 12:09 am #1331234
    ceakins1908

    Thanks Ismael! This code actually changed the hover color on all of the menu links and buttons. Is there a way to only change it for the act today button only? Thanks again for your help!

    December 2, 2021 at 3:37 am #1331250
    Mike

    Hi,
    Please try this css instead:

    #top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-42 > a:hover .avia-menu-text {
    color: #ffcc5e;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 2, 2021 at 3:37 pm #1331321
    ceakins1908

    Thanks Mike! This worked perfectly!

    December 3, 2021 at 3:14 am #1331369
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change the color of menu button on hover’ is closed to new replies.