FROM CACHE - en_header

How to round buttons in Dawn theme

Solved
DapperGent
Excursionist
16 0 3

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.

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
35809 3580 11590

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

devangfour
Shopify Partner
43 10 8

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help

View solution in original post

Replies 8 (8)
KetanKumar
Shopify Partner
35809 3580 11590

This is an 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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DapperGent
Excursionist
16 0 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?

KetanKumar
Shopify Partner
35809 3580 11590

@DapperGent 

yes please add this code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DapperGent
Excursionist
16 0 3

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

devangfour
Shopify Partner
43 10 8

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help
DapperGent
Excursionist
16 0 3

Yes! it worked perfectly. Thanks for your help!

Maro33
Pathfinder
113 0 41

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

KetanKumar
Shopify Partner
35809 3580 11590

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing