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 🙂
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024