Slider: Fluid height or vertical-align middle

[GuiHarrison (Guilherme Harrison)]

Hi guys!

Is there a cheap, quick way to make the slider height follow it`s content? If not, is it simple to make it’s contents align vertically on the middle of the slide? If both these solutions aren’t possible I’ll have to create a new slider for the website and remove webflow’s…

Thanks!

[coolest_vlad (Vlad Radchenko)]

1. Have the slider be placed on Auto and remove the minimum width to have it follow the height of the content.

2. Place a div inside of the slider, align the text in the center, then place the content inside of the div.

Hope this helps.

[sabanna (Anna)]

Hello, @GuiHarrison.

Is there a cheap, quick way to make the slider height follow it`s content?

By default, the slider with height: AUTO will get the height of the BIGGEST image/content from what it has. There is no easy way to make slider change its height with EVERY SLIDE.

If not, is it simple to make it’s contents align vertically on the middle of the slide?

Add div with fixed height inside the slide (do not change slide settings). Then there is 2 ways:

1. Make div display: flex and use flex settings for elements inside the div for vertical aligning
2. Make div position absolute with aligning: top=50% and transform: move up=50%. In this case div can have height: auto, but slider has to have some height.

Regards,
Anna

[GuiHarrison (Guilherme Harrison)]

Thanks for the quick response guys!

sabanna I used your second solution for quick fix. Thanks!