Tutorials

Pop Box

Pop Box Lightbox Stack

Table of Contents

 


Back to Top

 

Directions

 

popboxRW

There are four empty slots available upon Stack attachment. Place your desired content as a targeted selector for the popBox on the top slot. Place your desired dialog box content onto the bottom three slots.

 


Back to Top

 

General Controls

General controls dictate the overall styling of popBox.

 

Close Image Type

Decide between traditional images or Font Awesome icons for the close icon in popBox.

Width Use %

By enabling this, the width of the dialog box will be rendered as percentage-based. Otherwise, popBox will determine the width based on pixels.

Max Inner Height

Adjust the height size of popBox’s general content area.

Mobile Height

Adjust the mobile height size of popBox’s general content area.

Header On

Enable header for popBox.

Footer On

Enable footer for popBox.

Z Index

Adjust the z-index of popBox.


Back to Top

 

Color Controls

Color controls dictate color styling specific to popBox.

 

Opacity Dark

Exchange background overlay of popBox to dark.

Overlay Opacity

Adjust the opacity of the overlay. Measured in percentage.

Header Text

Adjust the color of the header text.

Description Text

Adjust the color of the description text.

Footer Text

Adjust the color of the footer text.

Header Background

Adjust the color of the header background.

Header Border

Adjust the color of the header border.

Content Background

Adjust the color of the content background.

Content Border

Adjust the color of the content border.

Footer Background

Adjust the color of the footer background.

Footer Border

Adjust the color of the footer border.

Close Button

Adjust the color of the close button. This option applies only on Close Image Type: Font Awesome.


Back to Top

 

Need to update your product? Use the Order Lookup Form to download the latest version.