Skip to main content

Customizing General Colors in Your Bundle Widget

How do I change the background, border, and text colors for my bundle?

Atlas Team avatar
Written by Atlas Team
Updated over a month ago

The General Colors tab allows you to customize the overall appearance of your bundle widget — including background, borders, and text colors. These settings help your bundle feel native to your store’s design and brand.

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 update.

Step 2: Go to the Design Tab

Inside the bundle editor, click the Design tab at the top of the screen.

Step 3: Open the General Colors Section

Click to expand the General Colors section. You’ll see the following customizable settings:

  • Line Accent Color: The color used for dividers or accent lines

  • Background Color: The main background color of the widget

  • Selected Background Color: The background color for a selected offer tier

  • Title Text Color: The main bundle title text color

  • Sub-title Text Color: The smaller subheading under your bundle title

  • Border Color: The outline color for your widget

  • Border Radius: Adjust how rounded the corners of your widget are (in pixels)

Use hex codes or the color picker to match your brand colors.

Step 4: Preview and Save

As you update your settings, you’ll see a live preview on the right. When you're happy with the design:

Click Save


Then click Publish to push the new styling to your storefront

Tip: Use a light background and dark text for better readability, or go bold to make your bundle stand out.

Did this answer your question?