Change 'Add to cart' button colour (minimal theme)

Solved

Change 'Add to cart' button colour (minimal theme)

JC30
Tourist
3 0 3

Hello,

I have Minimal theme and I’d like to change the colour of my ‘Add to Cart’ button on all product pages, it’s currently white with black text. 

I’d like the button to be #4B4B4B and the text white. 

Thanks for your help

Accepted Solution (1)
Moeed
Shopify Partner
7379 1996 2438

This is an accepted solution.

Hey @JC30 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
button#AddToCart {
    background: #4B4B4B !important;
    color: white !important;
}
</style>

RESULT:

Moeed_0-1742552480872.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 9 (9)

Mustafa_Ali
Explorer
347 28 56

hey @JC30  plz share URL of your website so i can help you

Ellie-BOGOS
Shopify Partner
391 33 57

Hi @JC30, please share me your store URL (with password if needed) 😊

If my post is helpful, let me know by giving a Like or Accept solution.
Use BOGOS to create powerful promotions on your Shopify stores: free gifts, discounts, bundles!
Have a nice day ^^

DaisyVo
Shopify Partner
4385 486 579

Hi @JC30 can you share store url? 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
JC30
Tourist
3 0 3
Moeed
Shopify Partner
7379 1996 2438

This is an accepted solution.

Hey @JC30 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
button#AddToCart {
    background: #4B4B4B !important;
    color: white !important;
}
</style>

RESULT:

Moeed_0-1742552480872.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


JC30
Tourist
3 0 3

Thank you - this worked 

Moeed
Shopify Partner
7379 1996 2438

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Moeed
Shopify Partner
7379 1996 2438

Hey @JC30 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Mustafa_Ali
Explorer
347 28 56
button#AddToCart {
    background-color: white;
}

MustafA16_0-1742552549584.png

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution