Why is Dawn 3.0 changing button colors instead of text colors?

Hello everyone,

I don’t know why Dawn latest version has become so complex :disappointed_face:

see in the attached image, If I change the colour for text it is actually changing the button colour. Plus there is no option available to change the colours of a button and what the available option does is randomly change some button colours and leave others as it is.

Can anyone share a detailed guide about using colours in this latest version or how can I fix this?

Hi @digital_azee ,

I tried to test Dawn 3.0 and it works fine with 2 separate options:

If your theme doesn’t work separate, you want to change the button color separately, I can change it with the following code. Go to Assets > base.css and paste this at the bottom of the file:

.product-form__submit{
	color: #000 !important;
}
.product-form__submit:after{
	box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) #000,0 0 0 var(--buttons-border-width) #000 !important;
}

You can change the color code ‘#000’ with the color code you want to display differently.

Hope it helps!

Thank you for your reply, I issue is on the home page. If I add a featured product section on the home page and change text colour it is changing colour for buttons also. But it works somewhat fine on the product page.

Can you check that section and let me know if you face the same issue?

Hi @digital_azee ,

Yes, it works fine even on home page.

Have you tried my code to customize the button itself?