Lightbox Design

The Lightbox tab controls the popup container, backdrop, animation, close control, and gallery navigation.

• Lightbox theme: Light, Dark, or Brand.
• Open effect: Zoom, Fade, or Slide up. Reduced-motion browser preferences disable unnecessary animation.
• Close button position: Place it at the popup top-right or the browser window top-right.
• Lightbox width: Desktop target width from 320 to 1200 pixels. The popup automatically shrinks to fit smaller screens.
• Lightbox max height: Maximum desktop height from 240 to 900 pixels. Overflowing content scrolls inside the popup.
• Backdrop opacity: Controls how strongly the page behind the popup is darkened.
• Backdrop blur: Adds 0 to 24 pixels of visual blur behind the popup.
• Title bar: Show or hide the title for HTML and article content.
• Gallery counter: Displays the current position, such as 2 / 6.
• Loop previous / next: Moves from the final item back to the first and vice versa.
• Keyboard navigation: Uses Left Arrow, Right Arrow, and Escape.

Video, map, and iframe popups automatically hide the title bar and remove body padding so embedded media runs edge to edge. The close control remains available above the media.