The Solid Background element lets you easily add background colors to your designs. You can keep the color fixed or allow customers to choose from multiple preset options — including color libraries you’ve created. This is a great tool for:

• Creating bold, clean backdrops behind your artwork or text

• Offering background color options to your customers

• Designing all-over print products like journals or apparel, where the entire product's color changes based on the shopper’s choice

How It Works

When you add a Dynamic Image to your design:

• The background automatically fills the entire design area and sits behind all other elements by default.

• You can set a fixed color or add multiple color options for shoppers to choose from. Only one background color will be visible at a time—shoppers will see the one that matches their selection.

• You cannot reposition, resize, or change the order of the background; it will always remain in place behind the design and filling the entire area.

• If Movable Image is enabled, shoppers can also reposition or resize the image within the area you define.

In this article:

• How to add a solid background
• How to set the color of the solid background
• How to add multiple color options to the solid background
• Adjusting the solid background on the preview

To add a solid background

You can add a solid backgrounds on Designs and Templates, by clicking the Solid Background button. Once you add it, the button will be disabled, as you can only add one solid background per design or template.

To set the color of the background

1. Select the Solid Background element to open its settings.
2. Under Fill Color, click the color swatch and choose the color you want and click apply.

To set multiple color options for the background

You can add color option in two ways:

• by manually selecting the color options you'd like to have
• by using a color library (which is the easiest way)

To add colors manually

1. Select the Solid Background element.
2. Under Fill Color, click +Add color.
3. Choose the color you want and click apply.
4. Repeat with as many colors as you want.

To add colors using libraries

1. Select the Solid Background element.
2. Under Fill Color, click Pick Library.
3. Choose the color you want to use and click select.

Adjusting the solid background on the preview

In some cases, your preview may differ from your print file — for example, it might be shown closer or cropped differently than your print file. To ensure the solid background displays correctly on the preview you can edit it on your template, for that:

1. Open your template.

2. Go to the Preview step (step 2).

3. Click the Solid Background layer in the preview canvas.

4. Use the resize handles to make the background larger if needed, so it covers the full visible area of the product preview.

5. You can also adjust the layer order if needed by using the layer panel. You can move the background above or below other elements to get the look you want.

These changes won’t affect your print file — they only apply to how the product looks in the shopper’s live preview.