How can I change the add to cart button color on multiple product pages?

empiricalarby
Trailblazer
171 1 29

On this product page, the add to cart button color is 00c7ff: https://empiricalwater.com/products/empirical-water

 

I need that same button color to apply to the add to cart button on these product pages as well:

https://empiricalwater.com/products/50-ml-measuring-cylinder

https://empiricalwater.com/products/empirical-water-free-sample

https://empiricalwater.com/products/mixing-bottle

As you can see the add to card button is currently white on those 3 pages.

 

Thanks!

Replies 2 (2)

PageFly-Oliver
Astronaut
878 190 171

Hi @empiricalarby ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
[data-type="add-to-cart-form"][data-productid="8318539006203"],
[data-type="add-to-cart-form"][data-productid="8275064422651"],
[data-type="add-to-cart-form"][data-productid="8318538973435"]{
background-color: #00c7ff !important
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

<phong cách>

[data-type="add-to-cart-form"][data-productid="8318539006203"],

[data-type="add-to-cart-form"][data-productid="8318539006203"],

[data-type="add-to-cart-form"][data-productid="8318539006203"]{

màu nền:

}

</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

empiricalarby
Trailblazer
171 1 29

Thanks, unfortunately this was the result:

image.png

Let me know if you have a solution. Cheers