Re: I can't find the Cart colors...

Solved

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

brightnight1012
Excursionist
29 1 3

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

Accepted Solution (1)

PageFly-Theodor
Shopify Partner
691 86 102

This is an accepted solution.

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

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.

View solution in original post

Replies 3 (3)

PageFly-Theodor
Shopify Partner
691 86 102

This is an accepted solution.

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

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.

brightnight1012
Excursionist
29 1 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.

PageFly-Theodor
Shopify Partner
691 86 102

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

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.