Skip to main content

Customizing Badge Colors in Atlas Bundler

How can I change the colors of badges like “Most Popular” or “Top Choice”?

Sarah George avatar
Written by Sarah George
Updated over 2 weeks ago

Badges help call attention to specific bundle tiers — like “Best Value” or “Starter Pack.” In the Design tab, you can fully customize how these badges look to match your store’s branding.

Step 1: Open Your Bundle

Go to Apps > Atlas Bundler in your Shopify admin and click the pencil icon next to the bundle you want to edit.

Step 2: Go to the Design Tab

Click on the Design tab at the top of the editor.

Step 3: Open the Badge Colors Section

Click to expand the Badge Colors section. Here’s what you can customize:

  • Inner Badge Background: The background color inside the small tag-style badge

  • Inner Badge Text: The text color inside the inner badge (e.g., “10% OFF”)

  • Badge Background: The color of the main badge container

  • Badge Text: The color of the main badge text

  • Badge Gradient Start & End: Add a gradient effect by defining two colors that blend across the badge

Use hex codes or the color picker to align with your brand’s style.

Step 4: Preview and Save

You’ll see a live preview of how the badges will look as you update colors. Once you’re happy with the design:

Click Save


Then click Publish to apply changes to your storefront

Tip: Use bold badge colors to highlight your best offers and drive clicks.

Did this answer your question?