Add to Cart Button Hover

How can I make the “Add to Cart” button so that when it is hovered, the icon does not appear, and only the hover color changes while the text “Add to Cart” remains visible?

Hello,

Can you share the page URL so I can further check on your site and give you a possible CSS code?

Best Regards

Hello,
yes, thank you!

Hello,

Try to add the following CSS to Theme Settings > Custom CSS:

.product-grid-item .wd-add-btn-replace .add-to-cart-loop:before { 
content: " "; 
} 
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:hover span {
 transform: unset; 
} 

Best Regards

[Author]

Posts