A user requested CSS code to change the color of “Add to Cart” buttons on product and collection pages. Another user provided a CSS snippet targeting the button class with custom background and text colors, which successfully resolved the issue.
The conversation then expanded to a follow-up question about changing the “Checkout” button text to “Proceed to Secure Checkout.” The solution provided involves:
A screenshot was shared illustrating the theme content editor interface. Both issues appear to be resolved through these customization methods.
Hello! I would love some help changing the color of an Add to Cart button in two different places on this website. Not sure if the CSS for this, so if someone has a quick snippet to share, I would love it.
For reference, it’s these two page types:
https://heartandcore.com/collections/post-surgical-bras-1/products/serena-bra
https://heartandcore.com/pages/surgical-bras
Thank you!!
you can use this css in your theme.css file to change the color
button.product-form__cart-submit.btn.btn--medium.btn--full.btn--secondary {
background: #e6bcca !important;
color: #fff !important;
}
Thank you!!
thanks for your support
Of course! 
I have one other question you might know the answer to. My client wants to change the word “Checkout” to “Proceed to Secure Checkout”, but I couldn’t find an area in there to edit the button text itself. Any ideas on how to do this? Thank you.
