Shopify themes, liquid, logos, and UX
Hi, I removed the black border from the add to cart buttons now I'd like to change the add to cart button color But i am not sure how to do it. Does anyone know how to do this? Thank you for your help.
Store URL: https://inkly.fr/?_ab=0&_fd=0&_sc=1&preview_theme_id=162907095305
Solved! Go to the solution
This is an accepted solution.
Hey @INKLY
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.quick-add__submit {
background: #73CDC2 !important;
color: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @INKLY
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.quick-add__submit {
background: #73CDC2 !important;
color: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Moeed, Thank you for your help (again) ! Can you explain me how you found the class to edit the add to cart button color?
This is how I try to find the class of elements I wish to modify but I can't always find them. Thank you !
Hello @INKLY
Go to online store ---------> themes --------------> actions ------> edit code------->theme.CSS
add this code at the very end of the file.
button.quick-add__submit.button.button--full-width.button--secondary span {
background: #73cdc2;
color: #fff;
padding: 10px;
width: 100%;
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
Learn 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, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025