How to change add to cart button from black to white with border in product page

Store Design
1

b7b23451733208e5984df06b343fbe9d.png
b7b23451733208e5984df06b343fbe9d.png1862×786 118 KB

This is my current default add to cart button but I want to change it to white with a black border like the second pic

b142988d31c359236c075a44074ae978.png
b142988d31c359236c075a44074ae978.png1244×505 122 KB

2

Hi @Revail ,

Share Your Store URL Please !

3

hello @Revail

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .btn.btn--primary.btn--add-to-cart {
    background: #ffffff !important;
    color: #000000 !important;
}
3 Likes