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
Guide

Image Gallery Free

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

Image Gallery shows a grid of images from your Media Library, with captions, hover effects and Elementor’s lightbox. Pick the columns, gap and image shape, and choose what a click opens.

Part of: Bright Addons (free).

Set it up

  1. Drag the Image Gallery widget onto the page.

  2. In Images, click Images and pick your pictures.

  3. Set Columns, Gap and Image Shape.

  4. Choose what Click Opens.

  5. Pick a Caption source and Caption Position.

  6. Choose a Hover Effect and style the images.

Content options

Images

Option What it does
Images The pictures from the Media Library.
Image Size Image size used in the grid.
Columns One to six columns, per device.
Gap Space between images.
Image Shape Square, landscape, wide, portrait, or original where rows follow the tallest image.
Click Opens Lightbox, image file, attachment page or nothing.
Caption None, image caption, image title or alternative text.
Caption Position Below the image, on the image, or on the image on hover.
Hover Effect Zoom, lift, gray to color, darken or none.
Bright Addons Pro

Like this free widget? Get 80 more with Pro

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

Style options

These sections are in the Style tab.

  • Images

    border, radius and shadow.

  • Caption

    background, color, typography and alignment.

Tips

  • The lightbox is Elementor's own, so it follows your Elementor lightbox settings.

  • Fill in alternative text in the Media Library: it describes the images to screen readers.

  • Medium Large is a good image size for three or four columns.

Questions and answers

Does it use the Elementor lightbox?

Yes. Set Click Opens to Lightbox.

Can captions show only on hover?

Yes. Set Caption Position to On the image, on hover.

Can I keep each image's own shape?

Yes. Choose Original under Image Shape.

Need more help?

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

Troubleshooting guide
All guides