Change the border radius of all buttons on Impulse theme

Store Design
, ,
1

Hello !

My website is www.lothaire.fr and I’m looking for an easy way to change the border radius of all buttons. They’re way too rounded.

Thank you

2

Hello @LothaireBordeau ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.btn{
    border-radius: 8px !important;
}

ZestardTech_1-1747997696283.png
ZestardTech_1-1747997696283.png1893×859 213 KB

Let me know if you need further assistance!

3

Hi @LothaireBordeau

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
:root{
  --buttonRadius: 7px !important;
}

websensepro_0-1747997800007.png
websensepro_0-1747997800007.png973×624 355 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

4

Yes i can change all the border buttons for is just some little requirement

Reply me back here so we can have a little conversation together then i can proceed with the button changers