Solved

How can I change the color of my add to cart button?

Tano
Visitor
3 0 0

I need to change the colour of my add to cart button but I don't know how to. Can someone show me how?Screenshot_20231026-114829.png

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12310 2550 3704

This is an accepted solution.

@Tano 

Please add the following CSS code to your assets/base.css bottom of the file.

.product-form__submit.button {
    color: #fff !important;
    background: #000 !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
3804 962 1193

Hey @Tano 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

dmwwebartisan
Shopify Partner
12310 2550 3704

@Tano 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Tano
Visitor
3 0 0
dmwwebartisan
Shopify Partner
12310 2550 3704

This is an accepted solution.

@Tano 

Please add the following CSS code to your assets/base.css bottom of the file.

.product-form__submit.button {
    color: #fff !important;
    background: #000 !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Tano
Visitor
3 0 0

Thanks 👍

Shamsherkhan
Tourist
10 0 1

My Store is Shamsherkhan.com, we are a service provider do not sell products. 

i have renamed the Add to Cart Button on each products displaying on collection or anywhere.

 

But when someone clicks on the Button It takes them to cart  or checkout However if you click on Product Name/Title it will open the same product page.

 

We want same for Button too. 

 

Button should also open the product pages instead of redirecting user to cart/checkout. 

 

How to do that?

 

Please help.