How can I modify the Add to Cart button on my product page?

[anpanman]

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?

[PageFly-Oliver]

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

[topnewyork]

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:

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