Lightbox
Let visitors open images, video or content in a full-screen view.
A button, image, icon or link opening a video, image, gallery, content or web page in an accessible native dialog.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: free — installs straight from Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Lightbox. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Trigger
| Setting | What you can set |
|---|---|
| Type | Button, Image, Icon or Text link |
| Image | Image |
| Image Resolution | any registered image size |
| Image Dimension | You can crop the original image size to any custom size. You can also set a single value for height or width in order to keep the original size ratio. |
| Icon Over the Image | Play for videos, magnifier otherwise, Play, Magnifier or None |
| Text Under the Image | Text |
| Text | Text |
| Icon | Icon picker |
| Icon Position | Before or After |
| Accessible Label | Read by screen readers — an icon has no text of its own. |
| Pulse Ring | On / off |
| Alignment | Left, Center, Right or Full width |
Lightbox Content
| Setting | What you can set |
|---|---|
| Shows | Video, Image, Gallery, Text & content or Web page / map (iframe) |
| Image | Empty: the trigger image, full size. |
| Images | Images |
| Caption | Image caption, Image title, Custom text or None |
| Caption Text | Text |
| Source | YouTube, Vimeo or Self hosted |
| Link | Text |
| Video File | Image |
| Or a Video URL | Text |
| Start Time (s) | Number |
| End Time (s) | Number |
| Play When Opened | On / off |
| Muted | On / off |
| Loop | On / off |
| Privacy Mode | youtube-nocookie.com / Vimeo “do not track”. |
| Aspect Ratio | 16:9, 21:9, 4:3, 1:1 or 9:16 (vertical) |
| Heading | Text |
| Content | Rich text |
| Page URL | The page must allow being framed. |
Lightbox Window
| Setting | What you can set |
|---|---|
| Opening Animation | Fade, Zoom, Slide up, Drop down or None |
| Close Button | Screen corner or Inside the box |
| Click Outside to Close | On / off |
| Link to It (URL hash) | Opening adds #id to the address, so the link can be shared and the page opens with the lightbox showing. |
| Hash | Text |
| Loop the Gallery | On / off |
| Thumbnails Row | On / off |
Style tab: design controls for Button / Link / Icon, Image, Lightbox Window, Close Button or Caption — colours, typography, spacing, borders and hover states.
Tips
- Start with the Type choice — it changes the overall look the most; fine-tune the rest afterwards.
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.