Photo Stack
Arrange photos like a scattered pile for a personal feel.
Overlapping photos placed freely, with idle motion, hover effects, fan-out, mouse parallax, frames and captions.
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 Photo Stack. 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
Photos
| Setting | What you can set |
|---|---|
| Photos | each item: Photo, Image, Image Resolution, Image Dimension, Caption, Alt Text, Link, Position, Offset X, Offset Y, … (21 in all) |
| Alignment | Left, Center or Right |
Motion
| Setting | What you can set |
|---|---|
| Idle Animation | None, Bounce small, Bounce medium, Bounce large, Float (up and sideways), Sway (gentle tilt), Fade, Rotating, … (12 in all) |
| Duration (s) | 1–60 · One cycle. Rotating looks best slow (30–60 s). |
| Stagger Photos | Start each photo at a different point of the cycle so they don’t move in lockstep. |
| Photo Hover Effect | None, Fly small, Fly medium, Fly large, Scale small, Scale medium, Scale large, Scale inverse small, … (12 in all) |
| Bring Hovered Photo to Front | On / off |
| Fan-out on Hover | Hovering the stack moves each photo by its own Fan-out values (Photos → Position). |
| Mouse Parallax | Photos drift with the pointer by their Parallax Depth. |
| Follow the Pointer Over | The stack or The whole page |
| Hover Transition (ms) | 0–1500 |
| Pause Idle Motion in Editor | On / off |
Style tab: design controls for Stack Area, Photos or Caption — colours, typography, spacing, borders and hover states.
Tips
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- Stage height is manual: very tall crops (4:5, 1:1 at large widths) need a taller stage, as in Happy.
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Also available for Divi (Photo Stack).
- Works well with: Image Accordion, Image Carousel, Image Compare.