Do you want every image in your Elementor gallery to be the same size? Photos uploaded straight from a camera or a phone come in different dimensions, so a grid built from them ends up with tiles of different heights and a ragged bottom edge.
The Gallery Listing widget in The Plus Addons for Elementor fixes it with one toggle and one dropdown, in the free plugin, without cropping anything by hand.
To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Free — available in both The Plus Addons for Elementor (Free) and Pro.
- Widget to enable: Gallery Listing, switched on under ThePlus Settings > Widgets.
Best Used For
- Photography and portfolio sites where inconsistent dimensions would break a uniform grid.
- WooCommerce stores showing product images in a clean square grid, so every product reads as equally important.
- Agency and creative sites presenting client work or brand assets at a consistent size.
Step 1: Add the widget and keep the Grid layout
Drag the Gallery Listing widget onto the page. On the Content tab, open Layout and make sure Grid is selected — it is the default. Popup Layout in the same section controls the lightbox.
Step 2: Add your images
Open the Content section, leave Select Option on Normal, and click Add Images. Mixed dimensions are fine; the next two steps are what makes them uniform.
Step 3: Turn on Display Image Size
Open Content > Extra Options and turn on Display Image Size. It is off by default. With it off, each tile inherits the original upload dimensions, which is exactly what makes the grid uneven.
Display Image Size only appears on Grid, Masonry and Metro. On the Carousel layout the equivalent control is Featured Image Type instead — see make an Elementor image carousel of the same height.
Step 4: Choose the size every tile will use
Image Resolution appears underneath. Pick Tp-image-grid — 700 x 700, a square size The Plus Addons registers for this purpose. Every tile is then rendered at 700 x 700 and the grid lines up.
Your source images should be at least 700 x 700. WordPress does not upscale, so a smaller image is served at its own dimensions and stays the odd one out.
Settings Reference
| Setting | Where | Options | Default |
|---|---|---|---|
| Layout | Content > Layout | Grid, Masonry, Metro, Carousel (Pro) | Grid |
| Select Option | Content > Content | Normal, Repeater (Pro), ACF Gallery (Pro) | Normal |
| Add Images | Content > Content | Media library picker | Empty |
| Display Image Size | Content > Extra Options | Show / Hide — not on Carousel | Hide |
| Image Resolution | Content > Extra Options | Any registered size, including Tp-image-grid 700×700 | Full |
| Desktop Column | Content > Columns Manage | Column 1 to 6 | Column 4 |
There are two sections named Extra Options, one on the Content tab and one on the Style tab, holding different controls. Everything here is on Content > Extra Options.
Limitations
- A fixed size crops. A square size applied to a tall photo crops it to a square. If losing the edges matters, use Masonry, which keeps every image’s own proportions.
- WordPress does not upscale. Images smaller than the chosen size are served at their own dimensions.
- Older uploads may need regenerating. Images uploaded before a size was registered have no file at that size; regenerate thumbnails so it exists.
- It is per widget. There is no site-wide setting that applies one image size to every gallery.
Troubleshooting
I cannot find Display Image Size
You are probably on the Carousel layout, where it does not exist — that layout uses Featured Image Type instead. Otherwise check you are in Content > Extra Options, not the Style tab’s section of the same name.
The tiles are still uneven
Confirm Image Resolution is on a fixed size rather than Full, then check the source images are all at least that large. Finally regenerate thumbnails so the cropped files exist on disk.
My images are cropped badly
Choose a size whose proportions match your photos, or switch to Masonry, which never crops.
Related Docs
If you want to present the same collection as a portfolio-style showcase, see how to create a filterable image gallery in Elementor.
- Gallery Listing widget: settings overview — every control in the widget.
- Make an Elementor image carousel of the same height — the carousel equivalent.
- Create an image gallery in grid layout
- Create an Elementor masonry image gallery
