All Collections
Debutify Theme
Debutify 3.0
How to Change the Sales Badge Color in the Debutify Theme?
How to Change the Sales Badge Color in the Debutify Theme?

A guide on how to change the sales badge color in the Debutify Shopify theme.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

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.


How to change the sales badge color

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.


How to use Custom Style Script to change the sales badge color

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

Did this answer your question?