Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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.
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.
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.
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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024