Popup global background - Creative Popup

The Popup Global Background settings allow you to define a consistent backdrop that persists across all pages or steps of your popup. This is ideal for maintaining a unified brand look while the content within the popup changes during transitions.

The Popup Global Background interface

Background Elements

Define the base color or imagery that serves as the foundation for your popup design.

Background color: Sets a solid color for the entire popup container. You can use HEX, RGB, or RGBA values. If your individual pages have transparent backgrounds, this color will be visible behind all content.
Background image: Allows you to select an image to serve as the backdrop for the popup. All layers, text, and page-specific content will appear on top of this image.

Image Styling & Positioning

When using a background image, these properties control how the image is rendered and positioned within the popup frame.

Background repeat

Determines if and how the image should be tiled.

no-repeat (Default): The image appears only once.
repeat: The image tiles both horizontally and vertically (ideal for patterns).
repeat-x / repeat-y: Tiles the image only in one direction.

Background position

Sets the starting point of the image. You can use percentages (e.g., 50% 50% for center) or pixel values to fine-tune exactly which part of the image is showcased.

Background size

Controls the scaling of your background image. You can enter specific dimensions (e.g., 100px 200px) or use one of the following predefined constants:

Auto: The default setting. The image is displayed at its original width and height without any resizing.
Cover: Scales the image to be as large as possible so that the background area is completely filled. While this ensures no empty space, some parts of the image may be cropped to maintain the aspect ratio.
Contain: Scales the image to the largest possible size where both its width and height fit inside the popup. This ensures the entire image is always visible, though it may leave some empty space if the image aspect ratio differs from the popup.