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.