WooCommerce buttons styles – Radius

I have set the WooCommerce buttons styles to rounded buttons.

How do I reduce the radius from 5px to 2px, is this controllable within the theme admin settings ?

Hello,

Please provide the page URLs so that we could give you custom CSS. If your site is under construction, insert the site admin access into the Private content below the message area.

Best Regards

Hello link added, the buttons are set to rounded but would be good to set to radius of 2px instead of 5px.

Would this be the correct method ?

.woocommerce div.product .single_add_to_cart_button {
border-radius: 2px 2px 2px 2px;

Hello,

Yes, that is correct:

body .woocommerce div.product .single_add_to_cart_button {
    border-radius: 2px 2px 2px 2px;
}

Please change the border-radius as per your needs, and add this code to the Theme Settings > Custom CSS. “Body tag is necessary to rewrite the existing CSS.

Best Regards

[Author]

Posts