Slider (stacked) element – Padding

[arscommunication]

Hi there,

I was trying out the slider (stacked) element to create a kind of portfolio with the option flex box active. For some elements the paddings are really huge. Is it always using the size of the biggest element in one slider or can the padding be set dynamically for elements with less height? Maybe it helps to understand what I mean if you see the page I’m using it on. I’ll send it in a private window.

Best, Christian

[ruenel]

Hello Christian,

Thanks for writing in! What seems to be the issue with your slider? When I checked the page, I am seeing these slides:

The height of the slides automatically adjusts relative to the height of the elements inside them. This removes any extra space inside the slide. Do you want the slides to have a uniform height instead?

Best Regards.

[arscommunication]

Hi @ruenel

thanks for your feedback. Your screenshots show two elements with almost the same height. When you enter the website at first there is an element showing with less height. There the spaces look quite huge. When I inspect the element it shows this purple “kind of” paddings. But that’s not the regular padding, is it?

Am I able to adjust that directly within the element or do I have to use CSS for that?

Kind Regards.

[tristup]

Hi Christian,

Each slide of the slider takes an equal height based on the maximum height calculated for a single slide. As the other slide has more images and the height is bigger, the first slide takes the height of that basis. You can check by setting the Height to Adaptive from the Static from Slider Container > Options as shown in the given screenshot.

Hope it helps.
Thanks

[arscommunication]

Hi @tristup

That’s what I was looking for! I had to ajust some things in the layout section first to get access to the options as shown in your screenshot but now it works perfectly fine.

Thank you very much!

[marc_a]

Hey @arscommunication,

You’re welcome!