how to change the add to cart color in the featured collection section

Solved

how to change the add to cart color in the featured collection section

INKLY
Explorer
110 0 12

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

INKLY_0-1719915443657.png

 

 

 

Accepted Solution (1)

Moeed
Shopify Partner
4365 1123 1380

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:

Moeed_0-1719916160081.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
4365 1123 1380

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:

Moeed_0-1719916160081.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
INKLY
Explorer
110 0 12

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 !

INKLY_0-1719917287683.png

 

Rahul_dhiman
Shopify Partner
234 44 43

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
11.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here