How do I change the color of the "Buy Now" button in Dawn theme?

Store Design
1

Rosierose_0-1649532236271.png
Rosierose_0-1649532236271.png1223×894 87 KB

I am looking to change the colour of this button from black. Can someone please let me know what code to enter where to do this?

www.joiedesigns.ca

1 Like
2

Hey @Rosierose .

Thanks for reaching out.

I appreciate that you have let us know which theme is being used on your online store! Looking into the options using the Dawn theme, we can change the color of the buy button by navigating to the Theme Editor. Once there, you should be able to select on the theme settings to see color options for the theme. I took a screenshot from my test store to show you the section I am referring to:

09-34-91867-10154
09-34-91867-101541908×833 203 KB

Let me know if that does the trick.

3

Hi @Rosierose ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    color: white !important;
    background-color: black !important;
}

NOTE: White and Black → You can change to match your theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
4

thank you! I replaced black with the hex code I wanted, and worked like a charm

1 Like
5

This does not change the ADD TO CART button on the product page

6

That is correct. I you look at the original question, it was the other button I was trying to change, which it did.