Button bugged on hover

Since updating to the last version of the theme my action button is not working. When I hover the button the text disappears although I set the color to #fff so it should be visible.


Comments

  • Hello,
    That's most common because of the same color of the text in the button and background color on hover.

    If you have the latest version of the betheme, then you can change the color of buttons in our new button builder, right in the Theme Options > Global > Buttons.
    Thanks
  • Hello Pablo. I tried changing the color in Theme Options > Global > Buttons, but the color still fades away on hover although it should be visible. 
  • After disabling all of the plugins, it started to work fine.
    Please disable plugins one by one, and you will find the one, which is making that problem.

    thanks
  • edited September 2020
    We just tried to disable all plugins, but when I hover the button turns black and the text isn't visible. I tried on Macbook Chrome + Safari.

    Also when hovering the button in Safari, it turns into a square and then back to a circle.

    Since updating the buttons are just not working. Really hope you can help me fix :( 
  • I tried it on safari and chrome too, and after disabling all of the plugins and clearing the cache it works fine.
    See the screenshot, the button is hovered.
    https://prnt.sc/uerche - the screenshot is made on safari browser.

    thanks
  • Hello Pablo,

    Thanks for your patience. i am so sorry for the inconvenience.

    I can see that you are on https://cobury.com. This is the old version of the theme when everything worked. The website we're talking about is the live version which is on https://cobury.dk. There the button is bugged on hover.

    In Chrome you cannot read the text and the button turns into a square briefly upon hover if you're in Safari. I've tried with all plugins disabled + cache cleared + incognito. 

    During the last theme update something seemed to affect the CSS and the buttons.
  • Result with all plugins enabled: https://prnt.sc/ufehs7
    Results with all plugins disabled and custom css removed: https://prnt.sc/ufeiz7z

    On the .dk website, you provided some not correct css codes (probably the issue is related to the plugins too) which are making that problem.
    On the .com page, the plugins are making that problem.
    thanks
  • edited September 2020
    So how do I fix it on the .dk site? What would be the correct CSS to make it work on hover? :) 

    I have tried to run through all the CSS but cannot seem to find the issue :( hope you can help. The CSS codes worked before the update, so I have no idea what.
  • On the .dk, I just disabled all of the plugins (it did not changed anything), then I removed your whole custom css codes.

    I'm not sure which one code is it, you should remove the css rules one by one to find it.
    I suggest, to remove all :hover rules as first step ;)
    Thanks
  • I've seen this issue on two sites using Action Buttons in header as well since updating to latest version. It seems the new Options > Global > Button styling is changing the CSS by default and not giving that previous choices for colouring the button state.

    On these two sites, both Action button colours should be the other way round (inverted) to what can be seen now...

  • From the latest version of BeTheme we provided new button builder, right in the Theme Options > Global > Buttons

    Is it working for you? I mean, if you change the color, style is it displayed on the website?
    thanks
  • .button-round a.button:after {
    background: #19191b;
    color: #fff;
    border-radius: 99px !important;
    }

    Fixed it. This code was necessary before the update or the button turned weird on Safari, but now it bugs it. Moved the code and it works.

    Ty!
Sign In or Register to comment.