[Resolved] WooCommerce ‘Add to Basket’ button editing

[Juned]

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?

[Elvin]

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.

[Juned]

Thanks Elvin and Team GP!!!

[Elvin]

Thanks Elvin and Team GP!!!

No problem. 😀

[Author]

Posts