What's your biggest current challenge? Have your say in Community Polls along the right column.

Refresh Theme - Change buttons shopping color

Solved

Refresh Theme - Change buttons shopping color

Edgard22
Explorer
64 3 5

Hi, 

 

One more time, sorry for my bad english (I'm French ^^) 

 

I would like for all my products (shopping) like in this case for example : https://f01138-5e.myshopify.com/products/beret-en-laine?variant=48081839030618 

 

to modify the button color (add to cart / color choice / ...) in the same color as homepage buttons (gold background with white letters) 

 

buttons i would like to modify : 

- color choice : https://f01138-5e.myshopify.com/products/beret-en-laine?variant=48081838997850 

- add to cart / choose option : https://f01138-5e.myshopify.com/collections/accessoires-pour-votre-brase-breizh 

 

Is that possible ?

 

thanks a lot 🙂 

Accepted Solution (1)
LuffyOnePiece
Shopify Partner
645 93 117

This is an accepted solution.

Hi @Edgard22 ,

 

Add below css to base.css file.

 

 

 

button.quick-add__submit, .product-form__input--pill input[type=radio]:checked+label, button#ProductSubmitButton-template--21380935450970__main {
    background: #b89959 !important;
    border: 1px solid #B89959 !important;
    color: #fff !important;
}

 

 

Please don't hesitate to reach out if you require further help to optimize or customize your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Replies 4 (4)

LuffyOnePiece
Shopify Partner
645 93 117

Hi @Edgard22 ,

 

Add This Css in your Edit Code > Base.css File

 

.product-form__input--pill input[type=radio]:checked+label, button#ProductSubmitButton-template--21380935450970__main {
    background: #B89959;
    border: 1px solid #B89959;
    color: #fff;
}

Please don't hesitate to reach out if you require further help to optimize or customize your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Edgard22
Explorer
64 3 5

Hi, 

 

Thanks a lot for your answer, i did it but it's only working for the button "add to cart" is it possible on thoses buttons too ?

 

- Choice color ? (example : https://f01138-5e.myshopify.com/products/beret-en-laine?variant=48081839030618)

- Add to cart OR Choose option (example : https://f01138-5e.myshopify.com/collections/accessoires-pour-votre-brase-breizh)

 

Thanks

LuffyOnePiece
Shopify Partner
645 93 117

This is an accepted solution.

Hi @Edgard22 ,

 

Add below css to base.css file.

 

 

 

button.quick-add__submit, .product-form__input--pill input[type=radio]:checked+label, button#ProductSubmitButton-template--21380935450970__main {
    background: #b89959 !important;
    border: 1px solid #B89959 !important;
    color: #fff !important;
}

 

 

Please don't hesitate to reach out if you require further help to optimize or customize your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Edgard22
Explorer
64 3 5

Hi, it works perfectly ! 

 

one more time, big thanks to you 🙂