How to Change the Sales Badge Color in the Debutify Theme?

Can the sales badge color be changed?

The sales badge has a default color. Like most features in the Debutify Shopify themes, you can customize and change the color of the sales badge.

You can also change the position of the sales badge to place it on either side of the product or hide it.

STEP 1

In Shopify Admin, under Online Store, click on Themes.

STEP 2

Select your Debutify Shopify Theme and click on Customize.

STEP 3

Click on the Theme Settings icon.

STEP 4

Click on Colors.

STEP 5

Change the Colors and save.

STEP 1

In Shopify Admin, under Online Store, click on Themes.

STEP 2

Select your Debutify Shopify Theme, and click on Customize.

STEP 3

Click on the Theme Settings icon.

STEP 4

Click on Custom style/script.

STEP 5

Change the CSS code as per the example below. 👌

.badge{ background-color:red !important; color: #ffffff; }

You can replace red with a new color and #ffffff with a new color code. You can also pick a color using online HTML color picker tools: https://www.w3schools.com/colors/colors_picker.asp