How do I round buttons on Shopify Dawn theme?

Store Design
,
1

I’ve tried the two most common codes

such as

.button, .customer button, .shopify-challenge__button {border-radius: 100px;}

and

.btn-theme {
border-radius: 50px !important;
}

.btn-theme:hover:before {
border-radius: 50px !important;
}

I put them in the bottom of base.css

none of them worked! Is there an updated version? I’m trying to round the all the on the website. I’m am on Dawn 9.0.0.

2

Hi @micahgerges ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

Hello @micahgerges

You can try changing the corner in the theme setting:

https://prnt.sc/L_jMQWTLBfS1

I hope the above is useful to you.
Best regards,
GemPages Support Team

1 Like