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
24919 2495 9027

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
Excursionist
42 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 6 (6)
KetanKumar
Shopify Partner
24919 2495 9027

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

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
24919 2495 9027

@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
Excursionist
42 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

DapperGent
Excursionist
16 0 3

Yes! it worked perfectly. Thanks for your help!