Popup global background

Appearance / Popup global background

With the Background color option you are able to set a background color for the whole popup, and with the Background image you can use an image as background. Please note that all the contents placed on the pages will appear above this image.

The Background repeat parameter has 4 options: no-repeat, repeat, repeat-x, repeat-y
The default value is no-repeat, but if you wan to use a pattern as background image then choose a repeat type for your needs.

The Background position property sets the starting position of a background image. You can use percent and pixel values here.

With the Background size option you can specify the selected background's size. You can use fix values like 60px 80px and predefined constants as well: auto, cover, contain

Auto

This is the default value. The background image will not be resized, the natural width and height will be used.

Cover

Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.

Contain

Scale the image to the largest size such that both its width and its height can fit inside the content area.