Theme Settings -- Container tab / Border category

Overview

Figure 1 (above). View of the Container >> Border option settings for the Default Theme.

The Container option tab controls the styling for the popup container.  This article addresses the Border category which includes the  style, color, and thickness properties of the border around the popup container. 

Property Descriptions

  • Style controls the border pattern applied to the popup container. Options: None, Solid, Dotted, Dashed, Doubled, Groove, Inset (inner shadow), Outset, Ridge.
  • Color controls the color applied to the selected border.  
  • Thickness controls the width applied to the selected border. Range: 1 - 5 ( for all Styles except 'None' ). 

Property Default Values for Each Popup Theme

Popup 
Theme 

Style
Color
( name / hex number )
Thickness
(px)
Default Theme None black / #000000  1
Light Box Solid black / #000000  
8
Enterprise Blue None white /   #ffffff 1
Hello Box Solid green / #81d742
14
Cutting Edge None black / #000000 
1
Framed Border Outset red / #dd3333
20

Container Option Settings

How to Edit Settings

  1. Move the slider horizontally; or
  2. Change the pixel value directly, or 
  3. 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. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.