Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 29, 2024 at 8:44 pm #1470155
    michelebond

    Hello, how do you change the button text hover. Right now the button text color is black on hover. How do I make it white?

    October 30, 2024 at 4:54 am #1470192
    Ismael

    Hey michelebond,

    Thank you for the inquiry.

    Try to adjust the Highlight Color value in the Enfold > General Styling > Logo Area tab. Let us know of the result.

    Best regards,
    Ismael

    October 30, 2024 at 5:39 pm #1470261
    michelebond

    Hello, That did not work.

    October 31, 2024 at 4:12 am #1470300
    Ismael

    Hi,

    Thank you for the update.

    It seems to be working on our end. The text color is no longer black on hover. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache before checking the page.

    Best regards,
    Ismael

    October 31, 2024 at 6:33 pm #1470363
    michelebond

    Hello, I cleared the cache for the server and browser but it is still showing up black on my end. Screenshot attached. The issue is the Getting Started button in the menu.

    November 1, 2024 at 5:11 am #1470387
    Ismael

    Hi,

    Thank you for the screenshot.

    It doesn’t appear that way on our end. Try viewing the site in incognito mode or using a different browser. Please check the screenshot in the private field.

    Best regards,
    Ismael

    November 1, 2024 at 6:13 pm #1470446
    michelebond

    Hi, I have tested this on multiple devices and all have the black text hover on the button. This is when you hover over the button.

    November 2, 2024 at 12:53 pm #1470471
    Mike

    Hi,
    Thanks for the link to your site, I checked in Chrome, Safari, & Firefox on a Mac and in all the hover text color of the button was white:
    Screen Shot 2024 11 02 at 7.45.16 AM
    What browser are you using and what OS?

    Best regards,
    Mike

    November 4, 2024 at 6:50 pm #1470597
    michelebond

    2 different Mac computers – both running chrome newest version. Both computers and version of chrome show up black.

    November 5, 2024 at 7:12 am #1470626
    Ismael

    Hi,

    Thank you for the update.

    The button displays differently on our end. Have you tried clearing your browser history completely or checking it in incognito mode?

    Best regards,
    Ismael

    November 5, 2024 at 5:32 pm #1470674
    michelebond

    I see the issue – On the homepage the button looks correct because it is a transparent menu but as soon as you scroll down or go to another page the issue is present. Can you try scrolling down on the homepage or go to one of the sub pages – you will see the issue.

    November 6, 2024 at 11:38 am #1470753
    Rikard

    Hi,

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

    #top #header .av-main-nav li#menu-item-691:hover a {
  color: #fff !important;
}

    Best regards,
    Rikard

    November 6, 2024 at 6:11 pm #1470774
    michelebond

    Hi, I added that code but when I scroll down on the page the hover menu text color remains black. I have tried clearing the cache both on the browser and server side but the issue persists.

    November 6, 2024 at 8:34 pm #1470783
    Rikard

    Hi,

    Please try this instead:

    #top #header .av-main-nav li#menu-item-691:hover a .avia-menu-text {
  color: #fff !important;
}

    Best regards,
    Rikard

    November 7, 2024 at 10:08 pm #1470861
    michelebond

    Works great 5 Stars!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Manu Button text hover color’ is closed to new replies.