How can I change the hover effect on all buttons in my theme?

Shopify Discussion
1

Hi,

I just upgraded my theme (Be Yours) to the latest version.

In the latest version, they have added a shine hover effect to the buttons. I would like to switch back to the original hover effect on the buttons.
I have managed to switch back to the original effect on the “add to cart” buttons by specifying button–secondary in the button’s code in card-product.liquid.

hover.JPG
hover.JPG1139×361 47.3 KB

But I can’t find how to change the hover effect on these buttons:

Filter button
“Buy Button” on product page
“Buy Now” button in Quick view
“Check out” button in shopping cart
Buttons in the home page slideshow

Maybe it is easier to make changes in css to change the effect on all buttons that have shine hover effect instead of finding all buttons in different liquid files?

Preview: https://ssjn6g7jsl8yuk95-41288433815.shopifypreview.com

Appreciate any help

Thanks!

2

Not sure either, best not to worry about that, not so important, your site already looks good

3

:joy:

Thanks my friend but still I would like to know how to change it.

4

New preview link https://fwmlp9o7mqbqhfrj-41288433815.shopifypreview.com

5

change the background colour in the css file,

.button:hover {
box-shadow: none;
background-color: rgba(var(–color-button-background),.85);
transition-delay: var(–duration-default);
}