--- title: "How to Make Elementor Image Carousel of the Same Height?" url: https://theplusaddons.com/docs/make-elementor-image-carousel-of-the-same-height/ date: 2023-06-16 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "Do you want an Elementor image carousel where every slide is the same height? Upload photos straight from a camera or a phone and they arrive at different sizes, so..." image: https://theplusaddons.com/wp-content/uploads/2023/06/How-to-Make-Elementor-Image-Carousel-of-Same-Height_-1024x536.jpg word_count: 901 --- # How to Make Elementor Image Carousel of the Same Height? ## - Gallery Listing in The Plus Addons for Elementor fixes uneven carousel heights by rendering every image at a fixed size, so the edge stays straight instead of ragged. - Carousel is a Pro layout, and the free plugin shows Carousel (PRO) with an upgrade notice instead of the carousel settings. - Featured Image Type changes to Custom Size under Content > Extra Options, replacing Full Image so original dimensions do not create mixed heights. - Tp-image-grid 700 x 700 sets every slide to a square size, and source images need to be at least 700 x 700 because WordPress does not upscale smaller files. Do you want an Elementor image carousel where every slide is the same height? Upload photos straight from a camera or a phone and they arrive at different sizes, so the carousel ends up with a ragged top and bottom edge and the arrows jump as it slides. The Gallery Listing widget in The Plus Addons for Elementor fixes this with one dropdown. It renders every image at a fixed size, so the carousel keeps a straight edge no matter what you uploaded. *To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, [click here](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#image-gallery-wgts) ## Before You Start - **Edition:** **Pro** — the Carousel layout is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.- **Widget to enable:** Gallery Listing, switched on under **ThePlus Settings > Widgets**. > *In the free plugin the Layout control shows this option as **Carousel (PRO)**. Selecting it reveals an upgrade notice rather than the carousel settings. If you are on Free and want uniform images in a grid instead, see [make an Elementor image gallery the same size in a grid](https://theplusaddons.com/docs/make-elementor-image-gallery-of-the-same-size-in-grid/), which works on the free Grid layout.* ## Step 1: Add the widget and choose the Carousel layout Drag the **Gallery Listing** widget onto the page. On the **Content** tab, open the **Layout** section and pick **Carousel**. The section also has a **Popup Layout** dropdown, which controls the lightbox that opens when a visitor clicks a slide. ![The Layout control with Carousel selected, and the carousel on the canvas showing slides at uneven heights](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-layout-wide-carousel.webp) ## Step 2: Add your images Open the **Content** section, leave **Select Option** on **Normal**, and click **Add Images** to pick your photos from the media library. Deliberately mixed sizes are fine — that is what the next step is for. ![The Add Images control showing nine images selected for the gallery](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-add-images-wide-grid.webp) ## Step 3: Set Featured Image Type to Custom Size Open **Content > Extra Options** and set **Featured Image Type** to **Custom Size**. It starts on *Full Image*, which is what lets the original dimensions through and produces the ragged edge. > ***Featured Image Type only appears on the Carousel layout.** On Grid, Masonry and Metro the equivalent control is a **Display Image Size** toggle instead. Same goal, different control — the widget shows you whichever one applies.* ![Featured Image Type set to Custom Size in Content > Extra Options](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-featured-image-type-wide-carousel.webp) ## Step 4: Pick the size every slide will use **Image Resolution** appears directly underneath. Choose **Tp-image-grid — 700 x 700**, a square size that The Plus Addons registers for exactly this job. Every slide is then rendered at 700 x 700 and the carousel edge is straight. > *Your source images should be at least 700 x 700. WordPress will not upscale a smaller image, so anything below that size is served at its own dimensions and stays the odd one out.* ![The Image Resolution dropdown in Content > Extra Options, set to a fixed size](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-image-resolution-wide-carousel.webp) ## Step 5: Set how many slides show at once **Desktop Columns**, under **Style > Carousel Options**, sets how many slides are visible. It defaults to **4**. Fewer columns means bigger slides, which suits portfolio work; more suits thumbnails. ![The Desktop Columns dropdown under Style > Carousel Options](https://theplusaddons.com/wp-content/uploads/2026/09/tp-gallery-listout-desktop-columns-wide-carousel.webp) ## What It Looks Like ## Settings Reference | Setting | Where | Options | Default | | ------- | ----- | ------- | ------- | | Layout | Content > Layout | Grid, Masonry, Metro, Carousel (Pro) | Grid | | Select Option | Content > Content | Normal, Repeater, ACF Gallery | Normal | | Add Images | Content > Content | Media library picker | Empty | | Featured Image Type | Content > Extra Options | Full Image, Grid Image, Custom Size — carousel only | Full Image | | Image Resolution | Content > Extra Options | Any registered size, including Tp-image-grid 700x700 | Full | | Desktop Columns | Style > Carousel Options | 1 to 12 | 4 | | Popup Layout | Content > Layout | Default Light-box, No | Default Light-box | > *There are **two** sections called Extra Options — one on the **Content** tab and one on the **Style** tab — and they hold different controls. Everything in this guide is on **Content > Extra Options**, except Desktop Columns, which is under Style.* ## Limitations - **Carousel is a Pro layout.** The free plugin lists it but shows an upgrade notice.- **WordPress does not upscale.** An image smaller than the chosen size is served at its own dimensions, so one small photo still breaks the line.- **Fixed sizes crop.** A square size applied to a tall portrait photo crops it to a square. If cropping is unacceptable, use Masonry, which is built for uneven heights.- **The setting is per widget.** There is no global option that makes every gallery on the site use one image size.- **New sizes need regenerating.** Images uploaded before a size was registered do not have that size on disk; regenerate thumbnails so the file exists. ## Troubleshooting ### I cannot find Featured Image Type It only exists on the **Carousel** layout, in **Content > Extra Options**. On Grid, Masonry or Metro you want the **Display Image Size** toggle in the same place instead. ### The slides are still different heights Check that **Image Resolution** is set to a fixed size and not left on Full, and that every source image is at least as large as that size. Then regenerate thumbnails so the cropped files actually exist on disk. ### My images look cropped or squashed A fixed square size crops rectangular photos. Either pick a size whose ratio matches your photos, or switch to **Masonry**, which keeps every image's own proportions. ## Related Docs Suggested read: [how to create an image carousel slider in Elementor](https://theplusaddons.com/docs/create-image-carousel-slider-in-elementor/). - [Gallery Listing widget: settings overview](https://theplusaddons.com/docs/gallery-listing-widget-settings-overview/) — every control in the widget.- [Make an Elementor image gallery the same size in a grid](https://theplusaddons.com/docs/make-elementor-image-gallery-of-the-same-size-in-grid/) — the free, grid equivalent of this doc.- [Show half-cut images in an Elementor carousel slider](https://theplusaddons.com/docs/show-half-cut-images-carousel-slider-in-elementor/)- [Create an Elementor masonry image gallery](https://theplusaddons.com/docs/create-elementor-masonry-image-gallery/) — when you want to keep uneven heights. ## Frequently Asked Questions **Q: Why do Elementor image carousel slides end up different heights?** A: Mixed image dimensions are the usual cause. In The Plus Addons for Elementor Gallery Listing widget, the Carousel layout keeps the original image dimensions unless you switch Featured Image Type to Custom Size and pick a fixed Image Resolution. That forces every slide to render at the same size, which removes the ragged top and bottom edge and stops the arrows from jumping as the carousel moves. **Q: What is the best way to make an Elementor image carousel of the same height?** A: The cleanest setup is Gallery Listing in Carousel layout, Featured Image Type set to Custom Size, and Image Resolution set to Tp-image-grid 700 x 700. That square size is registered in The Plus Addons for Elementor specifically for this job, so every slide gets rendered at 700 x 700. The result is a straight carousel edge instead of uneven slide heights. **Q: Why does Featured Image Type not show up in my gallery carousel settings?** A: Featured Image Type only appears on the Carousel layout inside Content > Extra Options. On Grid, Masonry, and Metro, The Plus Addons for Elementor uses a different control called Display Image Size in the same area. That difference matters because the widget changes which sizing control it exposes depending on the layout you choose. **Q: What should I do if my carousel slides are still different heights after setting a custom size?** A: The two common misses are leaving Image Resolution on Full and using source images that are smaller than the chosen size. WordPress does not upscale smaller files, so one undersized image stays at its own dimensions and breaks the line. If the size was added recently, regenerate thumbnails too so the cropped files actually exist on disk. **Q: Can I use this same method for a free Elementor gallery instead of Pro Carousel?** A: The Carousel layout is part of The Plus Addons for Elementor Pro, so the free plugin only shows an upgrade notice there. For a free option with uniform image sizing, use the Grid layout and follow [Make an Elementor image gallery the same size in a grid](https://theplusaddons.com/docs/make-elementor-image-gallery-of-the-same-size-in-grid/). That gives you a similar fixed-size result without relying on Carousel. **Q: What should I use instead of fixed square sizes if my photos are portraits or uneven heights?** A: Masonry is the better fit when cropping would be a problem. A fixed square size crops rectangular photos, especially tall portraits, because every slide is forced into the same ratio. The page also notes that Masonry is built for uneven heights, so it preserves each image's own proportions instead of squeezing everything into one square.