How can I make the text block and image the same height on a slider?

Ask the Community Customization
1

Issue description: On the text/image sider, I want the image to adjust to the same height as the text block on each slide. I’ve not managed to find any settings for this or find any CSS that works as required.

1 Like
3

Hi there, @user32367 and welcome to the Community :waving_hand:

I’ve forwarded your request to the devs and will update you once the solution is ready :slightly_smiling_face:

4

Hi @user32367 :waving_hand:

Here is a CSS code for your Strato Home page Slider:


@media screen and (min-width: 768px) {
  .eapp-slider-media-component {
  height: 100% !important;
}

.eapp-slider-slide-component .eapp-slider-slide-inner .eapp-slider-media-container {
  transform: unset !important;
}

.eapp-slider-slide-elements {
  height: 100% !important;
}

.eapp-slider-slide-elements {
  margin: 0 !important;
}

.eapp-slider-slide-inner {
  width: 100%
}
}

Try it out and let me know if it worked :slightly_smiling_face:

If you need to align the height for more Slider widgets, please specify their names and we’ll gladly help!