All Collections
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.

Marang Marekimane avatar
Written by Marang Marekimane
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.

In this article

There are two (2) ways to change the sales badge color:


How to change the sales badge color

STEP 1

Go to your Shopify Admin and select Online Store.

Go to your Shopify Admin and select Online Store.

STEP 2

Select your Debutify Shopify Theme and click on Customize.

Select your Debutify Shopify Theme and click on Customize.

STEP 3

Go to Theme Settings.

Go to Theme Settings.

STEP 4

Click on Colors.

Click on Colors.

STEP 5

Change the Colors and save.

Change the Colors and save.

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

STEP 1

Go to your Shopify Admin and select Online Store.

Go to your Shopify Admin and select Online Store.

STEP 2

Select your Debutify Shopify Theme, and click on Customize.

Select your Debutify Shopify Theme, and click on Customize.

STEP 3

Go to Theme Settings.

Go to Theme Settings.

STEP 4

Go to Custom style/script.

Go to 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

Related Articles You May Want to Read:

Did this answer your question?