Display cart icon and text on “Add to cart” button
-
Hello,
I would like to display the cart icon next to Add to cart button, not on hover. Is there any option to set it?
Hello,
Can you please share the page URL so I can further check on your site and give you a possible solution?
Best Regards,
Hello,
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-add-btn-replace .add-to-cart-loop:hover span {
transform: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:before {
position: relative !important;
transform: none !important;
display: inline-flex !important;
margin-right: 8px; /* Space between icon and text */
font-size: 16px;
vertical-align: middle;
}
.wd-add-btn-replace .add-to-cart-loop {
display: flex !important;
align-items: center;
justify-content: center;
flex-direction: row-reverse; /* Puts icon on the left of the text */
}
.wd-add-btn-replace .add-to-cart-loop span {
padding: 0 !important;
display: inline-block !important;
}
Best Regards,