Solved

How to change color of Variant buttons in Dawn theme

ridhi_jain
Excursionist
42 0 9

I am using the Dawn theme and I changed the accent 1 color to our custom color. That changed most button colors to what we like but we want to also change the size buttons color to this custom color. If I try to change the secondary color to our custom color the whole store button and link color changes we just want to change the variant button color. Is that possible?

Thanks

Accepted Solutions (2)

Be_Steven
Shopify Partner
142 28 39

This is an accepted solution.

If you mean changing this place on product page

Quyen_Beo_1-1648658681797.png

 


you need to go to assets/section-main-product.css and 'hard code' the style of this line to the color you want

Quyen_Beo_0-1648658653791.png

 

Better solution is adding a setting to Theme Setting so we can manage the color from backend. But if you are not familiar with code, you should hide a developer to do it. It just take about 30 mins

Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me.
I'm looking for a remote job. Please contact me via besteven0912@gmail.com

View solution in original post

Be_Steven
Shopify Partner
142 28 39

This is an accepted solution.

No need to remove it, just need to make it become same color with the background.

You can add this line of code right below the background color line

border-color: #eeeeee;
Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me.
I'm looking for a remote job. Please contact me via besteven0912@gmail.com

View solution in original post

Replies 4 (4)

Be_Steven
Shopify Partner
142 28 39

This is an accepted solution.

If you mean changing this place on product page

Quyen_Beo_1-1648658681797.png

 


you need to go to assets/section-main-product.css and 'hard code' the style of this line to the color you want

Quyen_Beo_0-1648658653791.png

 

Better solution is adding a setting to Theme Setting so we can manage the color from backend. But if you are not familiar with code, you should hide a developer to do it. It just take about 30 mins

Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me.
I'm looking for a remote job. Please contact me via besteven0912@gmail.com
ridhi_jain
Excursionist
42 0 9

Thanks, it worked. Also, I wanted to ask How can I remove the black border from it

Be_Steven
Shopify Partner
142 28 39

This is an accepted solution.

No need to remove it, just need to make it become same color with the background.

You can add this line of code right below the background color line

border-color: #eeeeee;
Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me.
I'm looking for a remote job. Please contact me via besteven0912@gmail.com
BIDJET
Visitor
1 0 0

sale button.JPG

1) Hi how can i change the sale badge colour to red instead of blue without changing all buttons?

2) How can I change the variant colour button background and change chrome button to grey and pink to pink instead of the baseline blue colour which is the theme?