Skip to main content
All CollectionsThemeTheme SettingsColor
How to Change the Color of the Add-to-Cart Button?
How to Change the Color of the Add-to-Cart Button?

A guide on how to change the color of the add-to-cart button

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated this week

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.

Did this answer your question?