---
title: "Widget Customization: Changing colors, fonts, and styles"
description: "Step into your design studio to customize the fonts, colors, and layouts of your pricing widgets and badges to perfectly match your brand’s unique aesthetic."
url: https://discounteasy.help.wizkaro.com/en/articles/11-widget-customization-changing-colors-fonts-and-styles
collection: "Customization & Design"
updated: 2026-04-29
language: en
---

# Widget Customization: Changing colors, fonts, and styles

Step into your design studio to customize the fonts, colors, and layouts of your pricing widgets and badges to perfectly match your brand’s unique aesthetic.

### 1\. Accessing Customizations

Click the **Customizations** tab in the left-hand menu. This is your design studio for all customer-facing elements.

### 2\. Styling the Pricing Widget

This widget shows the "Was/Is" price on your product pages:

-   **Font Styles:** Choose a font that matches your theme.
    
-   **Colors:** Change the "Original Price" color (usually gray) and the "Discounted Price" color (usually red or bold black) to catch the eye.
    
-   **Layout:** Adjust the size and spacing so it fits perfectly next to your "Add to Cart" button.
    

### 3\. Customizing the Badge

The badge is the small label (e.g., "-20%" or "SALE") that appears over product images:

-   **Shape & Background:** Choose between rounded, square, or pill-shaped badges.
    
-   **Contrast:** Use a high-contrast background color (like bright orange or deep green) so it stands out against your product photos.
    

### 4\. Real-time Preview

As you make changes, use the **Live Preview** on the right side of the screen. It shows you exactly how the widget will look on a mobile and desktop screen before you hit **Save**.

* * *

> **Pro Tip:** Keep it simple! Using too many different colors can look messy. Stick to 2 brand colors for your discounts to maintain a professional look.