Disable the hover effect (cart icon) on button on shop page

Hi support team,

I’d like to remove the hover effect (cart icon) on select options button on shop page.
Could you please provide some custom CSS for this? Thanks!

Aiden

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

body .product-grid-item .wd-buttons[class*="wd-pos-r"] {
    opacity: 1;
    transform: translateY(0) translateZ(0);
}

Best Regards

[[email protected]]

Hi again,
I have placed this css code in Global Custom Css,
but it still doesn’t change, the hover effect of those button (they are variable product) on shop page still exists,
am I doing wrong with it ?

• This reply was modified 2 years, 10 months ago by [email protected].

Attachments:

You must be logged in to view attached files.

[[email protected]]

Actually, only want to change these yellow buttons , don’t turn to cart image when users hover them
🙏🙏🙏

• This reply was modified 2 years, 10 months ago by [email protected].

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL where you need to remove the hover effect.

Best Regards

Only on the shop page, I provide in private content , thankyou.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-add-btn-replace .add-to-cart-loop span {
    transform: translateY(-100%) translateZ(0);
}
body .wd-add-btn-replace .add-to-cart-loop:before {
    transition: none;
}

Best Regards

Hello support team,
It is so weird, after using this CSS code, all the text is missing in those button.
The cart images are still here when those buttons are hovering……I’m so loss…

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code:

body .wd-add-btn-replace .add-to-cart-loop span {
    transform: translateY(-100%) translateZ(0);
}
body .wd-add-btn-replace .add-to-cart-loop:before {
    transition: none;
    transform: none;
}

Best Regards

[Author]

Posts