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
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 ?
Attachments:
You must be
logged in to view attached files.
Actually, only want to change these yellow buttons , don’t turn to cart image when users hover them
🙏🙏🙏
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
.
