Button Background color on Mouse hover changes to some other – Seems a Glitch

[harshwe]

Hello Bogdan,

I found that while we Mouse-hover on buttons, the Background color (BG color) is changing to some other color (that is Not defined, at backend). And the text color also changes and reflects bit lighter.
The color on mouse-hover, actually looks Dull.

You can view the same in this video – https://watch.screencastify.com/v/ndj3jmRUOUPyhqsdkEbb

You can try to replicate on any product page. For reference, a link of one of the page is –
https://www.vasangini.com/product/masleen-tye-dye-leheriya-kurti-embroidered-organza-dupatta/

1. For button on Main menu, named as Free Items
https://i2.paste.pics/GIY6K.png

2. Similarly, for button named as Got Query – Ask Us on product page (link above)
https://i2.paste.pics/GIY8W.png
HTML block ID to create this button is – [html_block id="7310"]

Is this some sort of Glitch
Can you please check and help on how to resolve this issue. So as to correctly shows a Mouse-hover BG color on buttons.

PS: We found that even if we Do NOT use any Mouse-hover BG color (keep it empty or use Clear) for the button, then also, it changes the color of button on mouse-hovering it, on frontend.

Regards

• This topic was modified 3 years ago by harshwe.
• This topic was modified 3 years ago by harshwe.
• This topic was modified 3 years ago by harshwe.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .wd-button-wrapper .btn {
	box-shadow: none;
}

body .btn.btn-style-3d:hover {
	opacity: 1;
}

Regards

[Author]

Posts