View Categories

Theme Settings — Close tab / Drop Shadow category

Overview #

File Hi0Emeappe

Figure 1 (above). View of the Close >> Drop Shadow option settings for the Default Theme.

The  Close option tab controls the styling of the popup close button.  The Drop Shadow category styles the drop shadow effect applied outside the button. 

Property Descriptions #

  • Color styles the drop shadow color.  Default (all themes): black / hex number: #020202. 
  • Opacity styles the color density of the drop shadow. An opacity of 100% is a fully saturated color, while a value of 0% is fully transparent.  Default: 
  • Horizontal Position extends and shifts the close button drop shadow horizontally. A positive value shifts the shadow to the right, while a negative value shifts the shadow to the left.
  • Vertical Position extends and shifts the close button drop shadow vertically. A positive value shifts the shadow downward, while a negative value shifts the shadow upward.
  • Blur Radius extends a color gradient outward from the edge of the close button drop shadow. As the value increases, the outer edges of the drop shadow blur, and the width of the color gradient increases.
  • Spread controls the horizontal and vertical spread of the close button drop shadow.
  • Inset (inner shadow) controls the shadow effect inside the popup container.  Default (all themes): ‘No’ (off).

Property Default Values Listed by Theme #


Popup
Theme

Opacity
( % )
Horizontal
Position
(px)
Vertical
Position
(px)
Blur
Radius
(px)

  Spread
(px)
Default Theme 23 1 1 3 3
Light Box 75 0 0 15 15
Enterprise Blue 23 0 0 0 0
Hello Box 23 0 0 0 0
Cutting Edge 10 -1 1 0 1
Framed Border 23 0 0 1 0

Close Option Settings #

When editing the Close button features, use the customizer located to the right of the  Theme Settings box to preview your changes. 

Select the Update button to save any changes to popup theme settings. Otherwise, any changes will be lost after you leave the page. 

#

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.