Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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.
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:
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
This does not change the ADD TO CART button on the product page
That is correct. I you look at the original question, it was the other button I was trying to change, which it did.
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.
thank you! I replaced black with the hex code I wanted, and worked like a charm
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025