Images in slider have different aspect ratios

  • Resolved lukefive

    (@lukefive)


    4 years, 6 months ago

    My client wants the slide ‘action’ in a box 650px square (no problem). The challenge is that the images are a mix of square, vertical and horizontal with a maximum dimension of 650px.

    In a static page, I would just create a DIV that is 650px square and center all the images vertically and horizontally (probably with flexbox).

    Has this been tackled before??

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @lukefive!

    It’s based on the “Slide background image fill” option: https://smartslider.helpscoutdocs.com/article/1809-slider-settings-slides
    how your images look like in the slider. By default the “fill” option is used which will make the image as big as it needs to be to cover the whole slider. You should change this to “fit” instead and that will display the entire image with it being vertically or horizontally centered.

    We have a “center” option too, but that will just display the image with its original size, so on smaller screens the image wouldn’t go smaller. Because of this, I rather suggest using “fit” mode, where the image resizes when it has to.

    Thread Starter lukefive

    (@lukefive)

    @nextendweb_gabor
    Sounds like this is an instance with a simple solution already in place!

    Plus, thanks for the quick reply!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images in slider have different aspect ratios’ is closed to new replies.