Why does my Dawn theme button color appear different on the homepage?

Store Design
, ,
1

Hello! I recently created a store using Shopify’s free Dawn theme. I’ve set all button colors to a bright yellow (#FCEA00), but I noticed that the button located below the image with text section on the homepage appears to be a slightly different shade of yellow, almost as if the opacity is turned on. Please refer to the attached screenshots for reference.

2

Hi @SPWD ,

Would you mind to share your URL website with password if its protected? So i can give you better solution. Thanks!

3

Hello @SPWD

Please share your store URL with password if its protected? So i can give you better solution. Thanks!

Thank You :slightly_smiling_face:

4

Hello @SPWD

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.button, .shopify-challenge__button, .customer button {
    background: #FCEA00 !important;
}
5

Here’s the URL https://stopplaynwidme.com/ and the PW is stopplaynwidme. Thank you so much! I appreciate your help :slightly_smiling_face:

6

Hello! Thank you so much! I’ve tried the code but it’s still not working. :confused:

7

Hello @SPWD

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.button:disabled, .button[aria-disabled=true], .button.disabled, .customer button:disabled, .customer button[aria-disabled=true], .customer button.disabled, .quantity__button.disabled {
    opacity: 1.5;
}
8

THANK YOU SO MUCH!!! IT WORKED!! :raising_hands: