Change Add-to-Cart button border color

[CARDPIECE]

Hi there,

I want to make my instock items pop out compared to sold out items.

So I want to make the "Add to Cart" button's border color to be red instead of black.

Site: cardpiece.com

Thanks for the help!

[Moeed]

Hey @CARDPIECE 

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:after {
    box-shadow: unset !important;
}
.quick-add__submit {
    border: solid 1px red !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[CARDPIECE]

Hi thanks for the suggestion.

Though I only want to apply this border color change to instock items that have the "Add to Cart" button on them, I don't want this applied on out-of-stock products. Can you come up with another code? 

Thanks 😄