Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
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;}
This is an 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
This is an accepted solution.
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;}
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?
yes please add this code
Hello. I think you forgot to add the code to change the button colors.
This is an 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
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?
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.
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?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025