How to change color of Variant buttons in Dawn theme

[ridhi_jain]

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

[Be_Steven · Accepted solution]

If you mean changing this place on product page

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

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

[Be_Steven · Accepted solution]

If you mean changing this place on product page

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

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

[ridhi_jain]

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

[Be_Steven · 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;

[BIDJET]

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?

[inyoureyes941]

Hi there. Can you please provide updated solution for this issue?