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

Store Design

Topic summary

A user with the Minimal theme wants to change their ‘Add to Cart’ button from white with black text to a dark gray (#4B4B4B) background with white text.

Solution Process:

  • Multiple community members requested the store URL to provide specific help
  • User shared their store: mollycat.co.uk
  • Two solutions were offered involving custom CSS code:
    1. Adding code to theme.liquid file above the </body> tag
    2. Adding CSS targeting button#AddToCart under a <style> tag in theme.liquid

Outcome:

  • The user confirmed one of the solutions worked successfully
  • Both helpers provided screenshots showing the implementation steps and expected results
  • Issue resolved
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

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

1 Like
2

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

3

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

4

Hi @JC30 can you share store url?

5

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

6

https://mollycat.co.uk/

1 Like
7

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 tag

RESULT:

Moeed_0-1742552480872.png
Moeed_0-1742552480872.png1432×866 158 KB

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

Best Regards,
Moeed

1 Like
8 
button#AddToCart {
    background-color: white;
}

MustafA16_0-1742552549584.png
MustafA16_0-1742552549584.png517×564 26.8 KB

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

9

Thank you - this worked

1 Like
10

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.