BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Download free
Guide

Image Stack Free

How to set up and style the Image Stack widget in Elementor.

Image Stack places two to six images and small info cards on top of each other in a layered composition. Each layer has its own position, size, rotation and float motion, and the layers can enter one by one.

Part of: Bright Addons (free).

See the widget page and live demo

Set it up

  1. Drag the Image Stack widget onto the page.

  2. In Layers, add image layers and info card layers.

  3. For each layer set From Left, From Top, Width and Rotate.

  4. Use Layer Order to put a layer in front.

  5. Pick a Float for some layers and give them different Float Delay (seconds).

  6. Choose Area Shape, Max Width, Entrance and Hover.

Content options

Layers

Option What it does
Layers The images and info cards in the stack.
Layer Image or Info card.
Image The picture for an image layer.
Image Shape Original, square, portrait or landscape.
Icon Icon of an info card.
Title Title of an info card.
Text Text of an info card.
From Left Distance from the left of the area.
From Top Distance from the top of the area.
Width Width of the layer.
Rotate Turns the layer.
Layer Order Higher numbers sit in front.
Float None, up and down, side to side, or swing.
Float Delay (seconds) Starts this layer later so layers do not move together.
Image Size Image size used for all image layers.
Area Shape Layers are placed inside this area. Keep From Left plus Width at 100% or less.
Max Width Largest width of the whole stack.
Alignment Left, center or right.

Motion

Option What it does
Entrance None, rise one by one, fade one by one, or grow one by one.
Hover None, lift the layer under the pointer, or straighten rotated layers.
Float Speed (seconds) How long one float cycle takes.
Float Distance How far layers float.
Bright Addons Pro

Like this free widget? Get 70+ more with Pro

Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.

See plans and pricing Compare Free and Pro

Style options

These sections are in the Style tab.

  • Images

    border, radius and shadow.

  • Info Cards

    background, padding, border, radius, shadow, icon color and background, title and text colors and typography.

Tips

  • Positions are percentages of the area, so the stack keeps its look at every screen size.

  • Keep From Left plus Width at 100% or less so nothing sticks out and causes sideways scrolling.

  • Different Float Delay values make the motion look natural.

Questions and answers

How many layers can I add?

Two to six layers work best; each one is a separate image or card.

Can I turn the motion off?

Yes. Set Float to None on each layer and Entrance to None.

Does it work on phones?

Yes. Layers are placed in percentages of the area, so the composition scales down.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides