Slideshow height

Hello, So I’m using Wappler Slideshow for some images and the problem is that the height is too tall. I’ve tried adjusting the slideshow height but the image inside it looks bad. I need to make all images the same tall without losing the image proportion.

I couldn’t find any answer neither on the community or google… In fact, I was using bootstrap carousel but I had the same issue on fixing the inner image to have static height and widht and centering the shorter images

The Slideshow component expects you to use images with same sizes, and it’s not supporting the usage of portrait and landscape images.

Use the swiper component if you want to use images with different aspect ratios.

1 Like

Or you can use CSS like I do to set the height and auto position images…

.slideshow {
  height: 420px;
}
.slideshow img {
  -o-object-fit: cover;
     object-fit: cover;
}
1 Like