Fixed Height for Slider (Inline)?

I’m setting up a slider (Inline) and I’ve got it mostly working the way I want. But there’s one thing I still need to do but can’t figure out how. I want to be able to set a max height so that the slides are all the same height with slides larger than the max being scaled down proportionately. Is there a setting that will do this?

I’ve tried setting the Height to Adaptive but this continuously adjusts the height to match the current content. I would like to choose a fixed height and have all slides be scaled to fit.
https://staging.rentheatreco.org/test/

Hello @WPDave,

Thanks for writing in!

To get your issue resolved, please do the following:
1.) In your Slide Container element, set the Layout > Alignment to Stretch.

2.) And then in each slide, enable the Flexbox option.

3.) In your Text element, enable the margin and set the top margin to auto.

The #2 and #3 steps are needed so that the Slide label will be aligned to the bottom of each slide:

And if you want to have a fixed image heights, you need to set a maximum height in the Image element of each slides.

Kindly let us know how it goes.

I tried setting a max. height for each of the Image elements but this causes aspect ratio distortion. What I need is for each image to scale proportionately.

I just found that I can get the desired sizing behavior by setting the Object Fit to Contain!

Now, all I need to do is get the captions to center below the images.

OK, the Flexbox Horizontal Center setting fixed the text position.

Everything is now working.
Thanks for your help!
David Salahi

You are most welcome, David. We are glad we were able to help you out.
Please feel free to create another thread if you need any other information.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.