Button bugged on hover

Comments

• Pablo

  September 2020

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• noname000

  September 2020

  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. 
• Pablo

  September 2020

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• noname000

  September 2020 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  
• Pablo

  September 2020

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• noname000

  September 2020

  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.
• Pablo

  September 2020

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• noname000

  September 2020 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.
• Pablo

  September 2020

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• sybez

  September 2020

  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...

  
  

  https://www.forzafinance.co.uk/
  

  https://www.mrmot.co.uk/
  
• Pablo

  September 2020

  sybez,

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• noname000

  September 2020

  .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!