Support » Plugin: WordPress Slider Block Gutenslider » Maintain aspect ratio

  • Resolved Aldo

    (@ab_lu)


    Hello

    Can you tell us the correct settings to maintain the aspect ratio of a slider according the images in the slide?

    Thanks
    Aldo

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author eedee

    (@eedee)

    Currently there are two options:

    1: images are all same height + width and cropped, you can set the focus point
    2: on each slide, in the block’s settings panel under “background”, you can set images to “contain” where the default is “cover”

    Other options will be released in the future.

    Best,

    Niklas

    Thanks for the fast feedback.
    So what you are saying is, if all the images have the same width and height, we can maintain the aspect ratio?

    Plugin Author eedee

    (@eedee)

    Its quite difficult to answer exactly, because I do not know what you mean by “maintain the aspect ratio” do you have a demo somewhere of how it should be. It can mean many things.

    Currently the “slides” all have the same height and width. You can only change that the image is fit into it or that it is cropped.

    See here https://codepen.io/robinrendle/pen/BywNVX

    • This reply was modified 7 months, 1 week ago by eedee.
    • This reply was modified 7 months, 1 week ago by eedee.

    Basically, the image expands to max possible with of the container and the height adapts accordingly.
    This way there is no need to set fix height or % for each breakpoint.

    Plugin Author eedee

    (@eedee)

    Will be included in one oft our next releases. Possibly in June.

    Plugin Contributor WordPress Slider

    (@wordpressslider)

    @ab_lu,

    the current version of gutenslider lets you fix this in two ways:

    1. set all images to contain: that way, all images will fit into the slide and not be cut. Go to each slide, settings, and set the Display to Contain. note: you can also set the position by changing the focal point.

    2. use an adaptive height slider. set Adaptive Height in the slider general settings, and the slider will adapt its height to the image displayed.

    hope that helps

    Plugin Contributor WordPress Slider

    (@wordpressslider)

    closed

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.