How to Make Elementor Image Carousel of the Same Height?

Key Takeaways

  • Gallery Listing widget from The Plus Addons for Elementor allows users to create image carousels with consistent image heights.
  • Selecting Custom Size from the Featured Image Type dropdown ensures all carousel images are the same size.
  • Images must be larger than 700x700 pixels to achieve uniformity in the carousel.
Table Of Content

Are you looking to create a visually pleasing Elementor image carousel slider where all images have the same height? Maintaining consistent image heights in a carousel can enhance the overall design and ensure a seamless user experience.

With the Gallery Listing widget from The Plus Addons for Elementor, you can easily make all the images of the same size in the image carousel slider.

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 its installed & activated to enjoy all its powers.

To do this, add the Gallery Listing widget on the page, after selecting the appropriate listing style, select Carousel from the Layout dropdown under the Layout tab.

You can select the appropriate image popup type from the Popup Layout dropdown. 

In the Content tab, you have to select the appropriate content source and add images to the gallery.

If you have images with different heights in your carousel, to make them of the same size – 

  • Go to the Extra Options tab, and select Custom Size from the Featured Image Type dropdown.
  • Then select Tp-image-grid – 700 x 700 from the Image Size dropdown.

Note: Make sure all your images are bigger than 700×700 pixels in dimension. 

Now all your carousel images will be of the same size.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my images are not displaying at the same height in the carousel?

If your images are not displaying at the same height, ensure you select 'Custom Size' from the Featured Image Type dropdown in the Extra Options tab. Then, choose 'Tp-image-grid - 700 x 700' from the Image Size dropdown. This setting ensures all images in the carousel are resized to the same dimensions, provided they are larger than 700x700 pixels.

Can I use the Gallery Listing widget for other types of content besides images?

The Gallery Listing widget from The Plus Addons for Elementor is specifically designed for image carousels. While it excels in displaying images, it may not be suitable for other content types. For different content layouts, consider exploring other widgets offered by The Plus Addons.

What is the best image size for the carousel to ensure quality?

For optimal quality in your image carousel, use images that are at least 700x700 pixels. This ensures that when you select 'Tp-image-grid - 700 x 700' as your image size, the images will maintain their quality and not appear pixelated or stretched.

How do I add images to the carousel using the Gallery Listing widget?

To add images to your carousel, first, insert the Gallery Listing widget onto your page. Then, in the Content tab, select your desired content source and upload the images you want to include in the gallery. This process allows you to customize your carousel easily.

Last reviewed: April 11, 2026