Shopify themes, liquid, logos, and UX
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 🙂
Solved! Go to the solution
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
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
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
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
Hi, it works perfectly !
one more time, big thanks to you 🙂
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025