Lightbox Frame
Border CSS:
Color:
Width:
Background:
Padding:

Close Button
Border CSS:
Background:
Color of X:
Size: small    medium    large
no button (overrides other settings)

Background Overlay
Color:
% Opacity: (use decimal)

Show Scrollbars
Horizontal: disabled    always    auto
Vertical: disabled    always    auto

Sizing
disabled: Use Publicator to set light box size.
fixed: Select light box size below.
Height: px
Width: px
proportionate: Select light box size below.
Width: %
Ratio: 16:9 4:3 custom
percentage: Select light box size below.
Height: %
Width: %

Positioning
default centering
fixed: Select light box position below.
Top: px
Left: px
percentage: Select light box position below.
Top: %
Left: %

(3) Press CTRL+C. Go to Zmags CSS box and press CTRL+V.
(4) Don't forget to save when finished!
Sample of text behind overlay!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed elit ligula. Maecenas consectetur elementum commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ut faucibus lorem. Sed lectus ipsum, adipiscing ut sodales eget, posuere sollicitudin sem. Ut est urna, feugiat eget lobortis ac, ullamcorper sit amet felis. Praesent congue augue a diam varius euismod.
Preview lightbox! Note that this does not reflect size and position settings, and is mainly intended for checking color scheme and appearance.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed elit ligula. Maecenas consectetur elementum commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ut faucibus lorem. Sed lectus ipsum, adipiscing ut sodales eget, posuere sollicitudin sem. Ut est urna, feugiat eget lobortis ac, ullamcorper sit amet felis. Praesent congue augue a diam varius euismod.

Integer malesuada, velit sed placerat varius, sem dui rhoncus arcu, et ornare mi arcu sit amet velit. In hac habitasse platea dictumst. Suspendisse pharetra tortor vel magna suscipit mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet lobortis augue, ut pharetra eros consectetur et. Sed quis tellus purus. Quisque rutrum mollis risus non feugiat. Ut massa nisi, tempus pulvinar pellentesque vitae, posuere accumsan mi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed elit ligula. Maecenas consectetur elementum commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ut faucibus lorem. Sed lectus ipsum, adipiscing ut sodales eget, posuere sollicitudin sem. Ut est urna, feugiat eget lobortis ac, ullamcorper sit amet felis. Praesent congue augue a diam varius euismod.

Integer malesuada, velit sed placerat varius, sem dui rhoncus arcu, et ornare mi arcu sit amet velit. In hac habitasse platea dictumst. Suspendisse pharetra tortor vel magna suscipit mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet lobortis augue, ut pharetra eros consectetur et. Sed quis tellus purus. Quisque rutrum mollis risus non feugiat. Ut massa nisi, tempus pulvinar pellentesque vitae, posuere accumsan mi.
X