Home › Forums › WoodMart support forum › WooCommerce buttons styles – Radius

WooCommerce buttons styles – Radius

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 3, 2022 at 12:14 pm #365986

    IanB
    Participant

    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 ?

    April 4, 2022 at 12:25 am #366041

    Elise Noromit
    Member

    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

    April 4, 2022 at 8:05 am #366123

    IanB
    Participant

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

    April 4, 2022 at 8:07 am #366125

    IanB
    Participant

    Would this be the correct method ?

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

    April 4, 2022 at 1:29 pm #366258

    Elise Noromit
    Member

    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
Viewing 5 posts - 1 through 5 (of 5 total)