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

Store Design
, ,
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?

2

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

**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 tag

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

RESULT:

topnewyork_0-1696861120701.png
topnewyork_0-1696861120701.png858×363 95.6 KB

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