> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-settings/badges.md).

# Badges

In this article, you'll learn how to set colors for product badges (background color and text) using color scheme

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&amp;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

{% hint style="info" %}
This setting is only available in Minimog **v5.0.0 onwards**. View [Changelog](/minimog-theme/changelog.md)
{% endhint %}

{% hint style="success" %}
**Steps:**

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Badges**
3. Make necessary changes
4. **Save**.
   {% endhint %}

To edit your theme's colors settings, go to Theme settings > [Colors & Color schemes](/minimog-theme/theme-settings/colors-and-color-schemes.md)

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F96j20m8C8MmsorD7Ii4e%2Fimage.png?alt=media&amp;token=beba5db8-1801-4018-a570-e448049be371" alt=""><figcaption></figcaption></figure>

The badge options you can use:

* Pre-order badge: when FoxKit's [Pre-order feature](https://foxecom.gitbook.io/megamog-theme/sales-boosting/pre-orders) is enabled for that product.
* Sale badge: when the product has a compare-at price;
* Sold out badge: when the product variant is out-of-stock;
* Custom badges: See [Add custom badges to my product card](/minimog-theme/faqs/collection-page/add-custom-badges-to-my-product-card.md);

To enable badges on product cards, go to Theme settings > [Product card](/minimog-theme/theme-settings/product-card.md)

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FFCHzySjPyc9BcVxV5tGK%2Fimage.png?alt=media&amp;token=680a317b-fd68-48c9-8201-70063f26268a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FeUq8U0j48wjrmIB2RhKl%2Fimage.png?alt=media&amp;token=06868def-35ff-4b5e-8536-b08f86404933" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&amp;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
