Button Colors Debut Theme

Highlighted
New Member
4 0 0

Hello,

 

I am having trouble trying to make these two buttons different colors. I figured out how to change one color but not the other. I am using the BUY BUTTON sales channel for the second button. Thank you for your help!button.PNG

0 Likes

Hello 

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

To change Buy it now button color:

button.shopify-payment-button__button {
    background-color: gray!important;
}

 To change add to cart button color:

.product-form__cart-submit {
    background-color: pink!important;
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Hello, 

Thank you for the reply, but I am having issues. I pasted both codes to the bottom and they stay the same color as well. Please advise.

 

coding.PNGpinkkk.PNG

0 Likes

@petsunitedco,

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

PetsUnitedCo.com

petsunitedco.myshopify.com

0 Likes

Hello 

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

.product-form__cart-submit.btn--secondary-accent {
    background-color: green!important;
}
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
4 0 0

Hello,

 

How do I get my button to go back to the way it was. It  just recently changed to this and removed my red button. Please advise!add to cart button.PNG

0 Likes