Skip to main content
All CollectionsThemeTheme PagesBrand Customization
How to Change the Color of Sold-Out Badges in Debutify Theme
How to Change the Color of Sold-Out Badges in Debutify Theme

How to Change the Color of Sold-Out Badges

Taynara Barboza avatar
Written by Taynara Barboza
Updated over 3 months ago

Step 1:

Access your Shopify Admin's Theme Library to open the theme customizer.

Step 2:

In the theme customizer, go to the Theme settings tab and at the bottom of the Theme settings panel, you'll see an option for Custom CSS.

Step 3

Copy and paste the following CSS code into the Custom CSS field:

.product-item--sold-out .badge { background-color: red; color: green; }

Step 4:

Replace red and green with your desired colors. The background-color property controls the background color of the sold-out badge, and the color property controls the text color.

Step 5:

Save Your Changes

Did this answer your question?