How to Change the Color of the Add to Cart Button?
STEP 1
Access your Shopify Admin's Theme Library to open the theme customizer.
STEP 2
Go to theme settings, then click Custom CSS.
STEP 3
Use the following CSS code and be sure to replace COLOR-HERE
, BORDER-COLOR-HERE
, and TEXT-COLOR-HERE
with the desired color names:
.js-product-add-to-cart {
background-color: COLOR-HERE !important;
border-color: BORDER-COLOR-HERE !important;
color: TEXT-COLOR-HERE !important;
}
STEP 4
Click Save.