Change add to cart colour

Solved
Highlighted
Excursionist
21 2 3

Hi 

 

Does anyone know how to change the background colour of the add to cart button? I am using the streamline theme and the below is the only code related to buttons in theme.scss.liquid file

 

Any help would be much appreciated

 


// Add to cart and loading text colors
span {
color: $colorBtnPrimary;

&:after {
color: $colorBody;
}
}

&.btn--tertiary span {
color: $colorBody;

&:after {
color: $colorTextBody;
}

0 Likes
Highlighted

Hello @jessp2734,

Can you please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
21 2 3

Thank you that is really kind.

 

It's https://www.bonjourbabyshowers.co.uk/

 

If you also know how to change the 'buy it now' button colour too that would be amazing.

 

Thanks so much

0 Likes
Highlighted

This is an accepted solution.

@jessp2734,

Add this css at the end of file
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

button.btn.btn--tertiary.btn--full.add-to-cart {
    color: yellow;
    background-color: RED;
    border: none;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT {
    background: green;
    color: blue;
}

Note:You can change color as per your requirement

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like