Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
How do I change the color of the Add to Cart Button on the product pages to a green fill with white text? I'd like it to match the 'Quick View' buttons. hex#22a89e
Live example: https://www.walaxr.com/collections/toddler/products/xr-reality-collection-jurassic-stomp-unisex-todd...
Solved! Go to the solution
This is an accepted solution.
Hello @jaimie2
I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :
<style>
.btn.btn--full.add-to-cart.add-to-cart--secondary {
background-color: #22a89e !important;
color: white !important;
border-color: #22a89e !important;
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
This is an accepted solution.
Hello @jaimie2
I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :
<style>
.btn.btn--full.add-to-cart.add-to-cart--secondary {
background-color: #22a89e !important;
color: white !important;
border-color: #22a89e !important;
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025