Change colour of the Add to Cart button on product pages ONLY

Solved
ELLB123
Excursionist
31 0 11

Hello

Can anyone tell me how to change the colour of the box around "ADD TO CART" button on the Product Detail pages ONLY?

 

Screen Shot 2021-02-08 at 2.59.21 pm.png

 

Thanks

ELLB 123

0 Likes

Hi @ELLB123 

 

Can you please share your store link so i can provide solution

 

Thanks 

Parth

0 Likes
dmwwebartisan
Shopify Partner
4550 1021 1318

@ELLB123 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
ELLB123
Excursionist
31 0 11

Hello, 

 

Url is www.ecoluxeliving.co

Password nahchi123!

 

Thank you

ELLB123

dmwwebartisan
Shopify Partner
4550 1021 1318

This is an accepted solution.

@ELLB123 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-product button#AddToCart-product {
    background-color: #000;
    color: #fff;
}

 

I have given the color black for the background and for the text white. You can change the above colors as per your need. Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
ELLB123
Excursionist
31 0 11

Hi dmwwebartisan, 

 

Thank you for the code - it works. However the box around the Add To Cart is still the old colour. How do I change it to say hex colour #60a148? 

 

Thank you

Regards

ELLB123

0 Likes