The overlay is the background that appears behind the popup to highlight the main content and dim the rest of the page.
Procedure
1. Access the editing of the desired popup and navigate to the Appearance section.
2. Locate the box labeled Overlay.
3. In the Overlay field, use the dropdown menu to select the desired option:
Default Options
- Select Dark to apply a standard dark overlay.
- Select Light to apply a standard light overlay.
- Select None if you do not want any background to appear behind the popup.
Custom Option
If you want to define a specific color and transparency level:
1. In the Overlay field, select Custom.
- Note: If you select this option, two new configuration fields will appear.
2. In the Color field, click on the icon to choose the color you want to use for the overlay.
3. In the Opacity field, enter a numeric value (from 0 to 100) to define the transparency of the overlay.
4. After completing your changes, make sure to save the popup.
