Changing Color of Add to Cart Button

Solved

Changing Color of Add to Cart Button

eskylarneal
Tourist
7 0 3

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!!

 

Accepted Solution (1)

Asad-Mahmood
Shopify Partner
445 80 91

This is an accepted solution.

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;
}
If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




View solution in original post

Replies 5 (5)

Asad-Mahmood
Shopify Partner
445 80 91

This is an accepted solution.

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;
}
If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




eskylarneal
Tourist
7 0 3

Thank you!!

Asad-Mahmood
Shopify Partner
445 80 91

thanks for your support 

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




eskylarneal
Tourist
7 0 3

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.

Asad-Mahmood
Shopify Partner
445 80 91

Go to your online store -> click on 3 dots -> edit default theme content 
then search for checkout and replace the text 

AsadMahmood_0-1745254815300.png

 

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver