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.

@DapperGent sorry for that issue can you please try this code Go to Online Store->Theme->Edit code Asset->/base.css ->paste below code at the bottom of the file. .button, .customer button, .shopify-challenge__button {border-radius: 100px;}

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?

@DapperGent yes please add this code

Yes! it worked perfectly. Thanks for your help!

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

@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.

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?

How to round buttons in Dawn theme?

Store Design

DapperGent October 23, 2021, 7:24pm 5

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

Topic		Replies	Views
How do I round buttons on Shopify Dawn theme? Store Design design , css	2	121	April 7, 2023
How can I alter the button shape in the Dawn theme? Store Design	3	76	April 19, 2023
How can I change the button shape to rounded in the Dawn theme? Store Design	2	130	February 27, 2022
How do I round all of my buttons on the dawn theme? Store Design	6	77	January 19, 2023
Anzahl Button im Dawn Theme optisch verändern Shopify Design css	1	38	December 21, 2023

How to round buttons in Dawn theme?

Related topics