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

Solved

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

Rosierose
Excursionist
29 0 4

Rosierose_0-1649532236271.png

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 

 

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 971

This is an accepted solution.

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.

banned

View solution in original post

Replies 5 (5)

Ollie
Shopify Staff
2487 457 415

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

 

Let me know if that does the trick.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

phildarv
Shopify Partner
1 0 0

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

Rosierose
Excursionist
29 0 4

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

AvadaCommerce
Shopify Partner
3879 839 971

This is an accepted solution.

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.

banned
Rosierose
Excursionist
29 0 4

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