Do you also know how to change the color of all “quick add buttons” on home page and Collection pages?
My pleasure to help you.
Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!
Thanks!
Thank you. Edited by Community Moderator
Please add the following CSS code to your assets/base.css bottom of the file.
.quick-add .button {color: #fff !important; background-color: #000 !important;}
Thanks!
Great, thank you. How do I remove the black border around the buttons?
I tried: box-shadow:none !important;
but it does not work.
Please add the following CSS code to your assets/base.css bottom of the file.
.button--secondary:after {--border-opacity: 0 !important;}
If helpful then please Like and Accept the Solution.
Thanks!
I used: .quick-add .button–secondary:after to keep the borders around all the other secondary buttons.
Thank you for your help!