800,000+ WordPress sites are already using MetaSlider!

Change the Slideshow Height to Match Each Image

This code snippet was written for a MetaSlider user who wanted the height of the slideshow to change for each image. The use-case for this code is when you have images that are of the same width, but different heights. To make this work, you will need to set the “Image Crop” feature to “Disabled” for this slideshow.

Update the CSS on your website using one of these recommended methods.


We hope that this code will be useful, but do not make guarantees. If you need troubleshooting help, or modifications to this code, please contact MetaSlider Pro support.