How to round buttons in Dawn theme?

[DapperGent]

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.

[KetanKumar · Accepted solution]

@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;}

[KetanKumar · Accepted solution]

@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;}

[DapperGent]

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?

[KetanKumar]

@DapperGent 

yes please add this code

[DapperGent]

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

[devangfour · Accepted solution]

Hello @DapperGent 

Just add below code

.grid__item input[value="Add to Cart"] {
    background: green;
    color: #fff;
    border-color: green;
}
.grid__item input[value="Buy Now"] {
    background: green;
    color: #fff;
    border-color: green;
}

Note: Change color code accordingly as you need

Thanks

[DapperGent]

Yes! it worked perfectly. Thanks for your help!

[Maro33]

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

[KetanKumar]

@Maro33 

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

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

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

[Kein_Talent]

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?