How do I round all of the buttons on my website?

Store Design
1

Hello!

I am using Dawn 4.0, and would like to round all of the buttons on my website. I have tried using some of the code mentioned on other question threads, but there seems to be some sort of button container that isn’t rounded in the solutions that I have explored. I have since deleted the code, and am hoping to try another solution. I would like to make sure that all buttons (in banners, multicolumns, rich text, collapsable content, etc.) are rounded for desktop and mobile viewing. Thank you in advance for your help!

1 Like
2

Hello @EMSC

Please use below code on assets → base.css at the bottom to round all buttons

.button,.button:before,.button:after{
border-radius: 25px; !important;
}

1 Like
3

@EMSC

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

5

@Niraj_singh thank you so much for such a prompt and effective response! Your solution worked wonderfully, I am very appreciative of your help!

1 Like
6

this works for most of my buttons. however the buy now button is still square. any suggestions?