This topic has 9 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler
Hello,
I would like to increase the boarder and decrease the text padding of the “add to cart” button of the product to be able to see the CART ICON beside the text.
Thank you in advance
Regards,
Hello,
You may use this custom css code:
.content-product .product-image-wrapper .footer-product .show-quickly {
border: none;
}
.content-product:hover .footer-product .add_to_cart_button {
padding: 0;
}
Regards
Hello,
This code does not work.
The cart icon beside “AJOUTER AU PANIER” is still not fully visible
Regards,
Hello,
Oh I see, please also add this code https://prnt.sc/icfrb9:
.home .footer-product .button:before {
margin-left: 14%;
}
Regards
Perfect.
Thank you so much. 🙂
Regards,
Hello,
Please add this code in Theme Options > Styling > Custom css > Custom CSS for desktop (992px+):
.archive .footer-product .button:before {
margin-left: 14%;
}
Regards
Thanks a lot.
Have a nice day.
Regards,
You’re welcome!
Regards
The issue related to '‘Increase border and decrease text padding in ADD TO CART button’' has been successfully resolved, and the topic is now closed for further responses