Image
Add the following block to use an image in the popup.
Last updated
Add the following block to use an image in the popup.
Last updated
In the "Image" selector, press "Select image" to upload the necessary animation for both desktop and mobile. The recommended image ratio is two-to-one (width-to-height respectively).
Use the "Height" scale to control the image size from 80 to 500 pixels. A default value of 0 means the image size remains unchanged, using the original size. The parameters can be changed when the setting to display an image as the popup's background is unticked.
To use an image as a background, activate the "Set as background" option.
The example of the background image for the popup can be viewed on the DEMO.
If you need to add an overlay effect over an image, apply color to the "Image overlay background" item. By default, the color is set to transparent.
Press "Image overlay gradient" to apply the gradient vector. Read details on how to use the option here.
Adjust the transparency of an image gradient overlay using the "Image overlay opacity" scale from 0 to 100%.
In the following example, you can view how the block might be displayed in the section:
