How to round buttons in Dawn theme?

Store Design
1

I’ve been pulling my hair out trying to figure out how to round my buttons in Dawn theme. I was able to round some of them but can’t figure out how to round the rest of them. Can anyone help me out with this? My website is: https://dappergentlemencollection.com. Thanks in advance.

1 Like
2

@DapperGent

sorry for that issue can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.button, .customer button, .shopify-challenge__button {border-radius: 100px;}
5 Likes
3

Thank you! That did the trick. I’m also trying to customize the color of my “Add to Cart” and “Buy Now” buttons. Can you assist with that?

1 Like
4

@DapperGent

yes please add this code

5

Hello. I think you forgot to add the code to change the button colors.

6

Yes! it worked perfectly. Thanks for your help!

7

It doesn’t work with the Express Checkout Button on the Cart Page. Any chance to update it?

1 Like
8

@Maro33

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.

9

Thanks for the code! I have now pasted this but still have the outline. How can I make it transparent or maybe delete it completely?