All Collections
Debutify Theme
Theme Settings
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 over a week ago

Are you looking to change the color of your add-to-cart button? Look no further!

This article will guide you through the process of changing the color of your add-to-cart button using HTML.


How to Change the Color of the Add-to-Cart Button?

STEP 1

Go to your Shopify Admin, go to Online Store, then Themes.

STEP 2

Select your Debutify Shopify theme, and click on Customize.

STEP 3

Go to theme settings, then click Custom CSS.

STEP 4

Use the following CSS. Don't forget to add the color name on the COLOR HERE, BORDER COLOR HERE, and TEXT COLOR HERE.

.js-product-add-to-cart{
background-color: COLOR-HERE ;
border-color: BORDER-COLOR-HERE;
color: TEXT-COLOR-HERE;
}

STEP 5

Click Save.

Did this answer your question?