Carousel image center

[lm]

Hey there,

I've got images with different widths/heights and want to show them in a Carousel slideshow. Is it possible to center them horizontally + vertically?

Tahnks!

[arminunruh]

Hm they are always aligned to the bottom right now. I could code an option for that one day!

[arminunruh]

Hey lm! Since I noticed I won't be releasing an update soon with this option since im superbusy with freelance work, I thought for now it's better to just use some CSS :+1:

.col .lay-carousel img.w100 {
    width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform:: translateY(-50%);
    transform: translateY(-50%);
    bottom: 0;
    left: 0;
}

Put this into "Lay Options" -> "Misc Options" -> "Custom CSS for Desktop Version" and "Custom CSS for Mobile Version"

Let me know if that works for you! :)

[lm]

yesss! works perfect!
now there's only the max-width/height issue left...do you think there is an "easy" way to solve that?

thanks so much, armin!

[arminunruh]

Hm, is that enough if you just set the website's max width in "lay options" -> "misc options" -> "Max width of content"?
Otherwise I'm not really sure what you mean.