Brooklyn theme - how to make all buttons have rounded corners

[jc123]

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.

[Jasoliya]

Hi @jc123 

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

.btn{border-radius: 30px;}

Note: You can manage round by adjusting 30px

[jc123]

That works, thank you 😄

---

[jc123]

it didn't seem to work the the "buy it now" button, do you know the solution for this one? thanks. 

[Jasoliya]

Send your store url

[jc123]

i pmed you

[Jasoliya]

Add this css:

.shopify-payment-button__button{    border-radius: 30px;}

[jc123]

hmm still like this 

[Jasoliya]

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 

[jc123]

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

[jc123]

i see

[jc123]

i see the buy now button but it's still squared, so I'm assuming we can't make it round? 

[Jasoliya]

try this:

.shopify-payment-button .shopify-payment-button__button{    border-radius: 30px !important;}

[jc123]

this one didn't work either

[jc123]

if you go to https://blendjet.com/products/blendjet-one

they did it, maybe you can look in inspect then their css, i can't seem to find it

[jc123]

Okay so it works while im in customize mode, but when I open my website in a normal tab it goes back to squared

[Jasoliya]

I think its working find now, may be you have added some code.

[Cherizzle]

Can you assist with Atlantic theme and rounding all buttons?

[Tiikow]

Hi,

thank you for the help, unfotunately, I followed and added all codes with no luck.

it doesn't work.

[bradzilla]

This worked great but the outline of the rectangle is still there also, so it is now the rounded button with the outline on the rectangle still there, is there any way to remove the rectangle outline?