Customizing Colors

Drip Discounts lets you color every element of the deal bar so it feels like a native part of your theme rather than a bolted-on widget. Each deal carries a full set of color settings you can tune independently.

The Color Options

You can set a color for each of the following parts of the deal bar:

1. Title — the color of the deal heading.
2. Block title — the color of the block-level title text.
3. Subtitle — the supporting line under a tier title.
4. Label text — the text inside a tier's badge.
5. Label background — the fill behind that badge.
6. Background — the background of each tier.
7. Selected background — the background of the tier the shopper has chosen.
8. Primary — the main accent color used for emphasis.
9. Price — the discounted price text.
10. Full price — the original (struck-through) price text.

Setting a Color

1. Open the deal you want to style.
2. Find the color you want to change from the list above.
3. Pick a new color value.
4. Save the deal to push the change to your storefront.

Making the Selected Tier Stand Out

1. Use the selected background and primary colors to make the chosen tier visually distinct.
2. A clear "selected" state reassures shoppers which option they've picked and reduces checkout hesitation.

Highlighting Savings

1. Use the label background and label text colors to make savings badges pop.
2. Pair a price color that draws the eye with a muted full price color so the discount reads instantly.

Matching Your Brand

Pull colors straight from your theme's palette — buttons, accents, and text — so the deal bar looks intentional. Save the deal and preview a product page to confirm the combination is readable and on-brand before going live.