How can I change the 'Add to Cart' button color on my product page?

Store Design
, , , , ,
1

I’m looking to change the color of the ‘Add to Cart’ button on my Product page exclusively without affecting the Featured Products section in the Home page. Despite attempting Custom CSS for the Product section on my Product page, I haven’t achieved the desired outcome. I specifically want the button to be red with white text. I appreciate your prompt assistance in making this adjustment. Thank you.

LINK: vanishpen.co

2

Hi @brightnight1012 ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about I Can’t Find The Cart Colors… , let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

.product-form__submit {
    color: white !important;
    background: blue !important;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

3

I meant to click the Reply button not the Accept as Solution button, I apologize. I’ve implemented the suggested solution to modify the ‘Add to Cart’ button color. However, it’s come to my attention that this adjustment is affecting the Home page, particularly in the Related Products section. Given the unique setup of my one-product store, I need to ensure that the red button color is exclusively applied to the Order page, NOT the Home page.

EDIT: I figured it out.

4

Hi, I think you should set class for button. Then you CSS for that class