A lightbox effect opens images in a centered overlay with a dimmed background when clicked, allowing visitors to view enlarged images. The X in the upper corner closes the overlay and returns to the main page.

Note: Zoom features are not available on mobile devices.

Gallery Sections (7.1)

To enable lightbox in grid designs:

1. Click Edit on the page
2. Hover over gallery section and click pencil icon
3. Set Gallery Type to Grid: Simple, Strip, or Mosaic
4. Toggle Lightbox on
5. Save changes

To customize lightbox colors:

1. Open Site Styles while editing
2. Click Colors
3. Select gallery section theme
4. Adjust Lightbox Background and icon settings
5. Save changes

Image Blocks

Lightbox works with:

• Inline layout images
• Images in Dynamic Editor sections

Enable lightbox:

1. Open image editor
2. Click Design tab
3. Set layout to Inline
4. Toggle Lightbox on
5. Choose Dark or Light Overlay

Grid Gallery Blocks

Enable lightbox:

1. Add images
2. Click Design tab
3. Check Lightbox
4. Select Dark or Light Overlay

Important notes:

• Captions show on hover (tap dot icon on mobile)
• Slide/carousel/stacked galleries don't support lightbox
• URLs override lightbox when clicked
• Videos need "Use Thumbnail" enabled

Summary Blocks

• Wall/grid summary blocks automatically use dark lightbox
• Captions appear on hover
• Clickthrough URLs override lightbox
• URLs disable when lightbox is open

Template-Specific Features

Different templates have varying lightbox support:

• Most support grid layout with hover captions
• Some disable lightbox with clickthrough URLs
• Few templates lack lightbox support entirely
• Mobile support varies by template

The lightbox feature works best when configured according to specific template capabilities and desired user interaction patterns.

Related Articles

Previous Articles