Archived topic
WooCommerce 'Add to Basket' button editing
3 replies · Started by Juned on January 10, 2021
Viewing posts 1–4 of 4
Hi,
How to resize/edit the WooCommerce 'Add to Basket' buttons?
I want to change the buttons border radius.
Can I give it a gradient color also?
Hi,
You can try adding this CSS:
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
border-radius: 8px;
background: linear-gradient(90deg, rgba(95,181,115,1) 32%, rgba(9,121,84,1) 80%);
}You can play around on this site to get your gradient value:
https://cssgradient.io/
You can also change the border radius value to your preference.
Thanks Elvin and Team GP!!!
Thanks Elvin and Team GP!!!
No problem. :D
This archived topic is closed to new replies.
