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
Pathfinder
141 0 18

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
7505 2028 2492

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
7505 2028 2492

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


INKLY
Pathfinder
141 0 18

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
822 155 173

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages