Change Add to Cart button

28 0 6

Hello, here is my product page:

I want to change the Add to cart button so that it has a black background, white text, and the text should be one font size bigger and bold. Can anyone help?

Replies 2 (2)

721 145 136

Hi @anpanman ,


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


#MainContent .product-form__submit{
    background: black;
    color: white;
    font-weight: 700;


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly


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.

220 26 30

Hi @anpanman 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

#MainContent .product-form__submit {
    background: black;
    color: white;
    font-weight: 700;



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


Need a Shopify developer?
Hire us at
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel