Table of Contents
Overview #
Figure 1 (above). View of the Container >> Container option settings for the Default Theme.
The Container option tab controls the styling of the popup container. This article addresses the Container category which includes the container’s padding and the border radius properties.
Property Descriptions #
- Padding styles the amount of padding between the outer edge of the popup container and the content within. Range: 0 – 100 px (pixels).
- Border radius styles the amount of curvature (radius) added to the container corners. Range: 0 – 80 px (pixels).
#
Property Default Values for Each Popup Theme #
| Popup Name |
Padding (px) |
Border Radius (px) |
| Default Theme | 18 | 0 |
| Light Box | 18 | 3 |
| Enterprise Blue | 28 | 5 |
| Hello Box | 30 | 2 |
| Cutting Edge | 18 | 0 |
| Framed Border | 18 | 0 |
Container Option Settings #
How to Edit Settings #
- Move the slider horizontally; or
- Change the pixel value directly, or
- Select the ‘- / +’ buttons to increment changes to pixels.
Preview Changes in the Theme Customizer #
When editing the Container option styles, use the customizer located to the right of the Theme Settings box to preview your changes.
Select Update to Save Changes #
Select the Update button to save any changes to popup theme settings. Otherwise, any changes will be lost after you leave the page.
