Change the border radius of all buttons on Impulse theme

Solved

Change the border radius of all buttons on Impulse theme

LothaireBordeau
Explorer
92 1 18

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

Accepted Solution (1)

ZestardTech
Shopify Partner
6148 1100 1476

This is an accepted solution.

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


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Partner
6148 1100 1476

This is an accepted solution.

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


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

websensepro
Shopify Partner
2109 262 313


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

 

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! 🚀 (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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

Xceptionalpro
Visitor
2 0 0

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