Change Add to Cart button

anpanman
Tourist
26 0 1

Hello, here is my product page: https://standouthairco.com/products/masha-13x4-hd-lace-front-water-wave-100-virgin-hair-wig

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)
PageFly-Oliver
Navigator
479 92 88

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

 

<style>
#MainContent .product-form__submit{
    background: black;
    color: white;
    font-weight: 700;
}
</style>

 



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.

topnewyork
Explorer
153 22 19

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;
}

RESULT:

topnewyork_0-1696861120701.png

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 topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel