Popup Theme Editor Introduction

Create or Edit a Theme

Now that your popup is working, take the time and care to customize a special theme for it that fits perfectly with your existing fonts and colors!

To create a theme, follow these steps:

1. From the WordPress Admin, navigate to  Popup Maker >> Popup Themes.

2. Popup Maker comes with six pre-built themes. They include: 

  • Default Theme;
  • Light Box;
  • Enterprise Blue;
  • Hello Box;
  • Cutting Edge; and 
  • Framed Border.

Choose an existing theme to edit, or click 'Add Popup Theme'  to edit a new theme. The latter action opens the Popup Theme Editor.

3. When editing a new theme, assign the theme a name. Enter the name into the field marked 'Popup Theme Name'.  

4.  The Popup Theme Editor includes a 'Theme Preview'  box in the right hand column. Each change to the popup theme settings is reflected in this preview.

Pro TipIn the image above, the 'Theme Preview' box is positioned above the 'Publish' box. The 'Theme Preview' box can be made to follow the scroll down the page.  Drag and drop the 'Theme Preview' box below the 'Publish' box. When 'Theme Preview' is positioned below the 'Publish' box, the contents of 'Theme Preview will remain visible while various option settings are edited. 

Pro Tip #2:  Click on any element of the 'Theme Preview' and the screen will scroll to focus on that option setting. It saves time so you don't have to scroll through all of the option settings.

Now that you've been introduced to the Popup Maker Theme Editor, customize each section of your popup to suit your needs. Reveal all of the settings for each section by expanding the following option setting boxes: 

Once the theme edits are complete, select 'Publish' to save the changes.  If a new theme is added, and you intend to use it with a specific popup, assign it in the Popup Editor.  See the following related article.

Related article:  'Display - Appearance' option settings

Add a Background Image to a Popup

By default, each popup theme sets a background color for the overlay layer and popup container. The overlay layer is the screen area that surrounds each popup. 

Background images can be added to either the overlay layer or popup with the  Advanced Theme Builder plugin extension to Popup Maker.