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

Store Design
, , , , , ,
1

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
INKLY_0-1719915443657.png2870×1616 533 KB

2

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 tag

RESULT:

Moeed_0-1719916160081.png
Moeed_0-1719916160081.png1247×565 166 KB

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

Best Regards,
Moeed

1 Like
3

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
INKLY_0-1719917287683.png2870×1616 656 KB

4

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
11.png1920×919 200 KB

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