Brooklyn theme - how to make all buttons have rounded corners

New Member
11 0 0

Hello, I was wondering how I can make all the button rounded in my shopify theme, I followed this article https://community.shopify.com/c/Shopify-Design/Border-around-buttons-Brooklyn-Theme/td-p/527580

 

but it didn't work, if someone can please help I would appreciate it, thanks.

0 Likes
Shopify Expert
2505 420 529

Hi @jc123 

Add this css in Aseet->theme.scss file at bottom:

.btn{border-radius: 30px;}

Note: You can manage round by adjusting 30px

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
New Member
11 0 0

That works, thank you :D


 

0 Likes
New Member
11 0 0

it didn't seem to work the the "buy it now" button, do you know the solution for this one? thanks. Annotation 2020-01-10 234355.png

0 Likes
Shopify Expert
2505 420 529

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
11 0 0

i pmed you

0 Likes
Shopify Expert
2505 420 529

Add this css:

.shopify-payment-button__button{    border-radius: 30px;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
11 0 0

Annotation 2020-01-11 015249.pnghmm still like this 

0 Likes
Shopify Expert
2505 420 529

Thats depend on browser we can change its, on some pc it show buy now and on some pc it show Gpay or Paypal if added, its generated by shopify 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
11 0 0

I also added that one to the bottom of theme.scss.liquid

0 Likes