Maintain aspect ratio

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?

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 4 years, 11 months ago by eedee.
• This reply was modified 4 years, 11 months 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.

Here an example: https://www.w3schools.com/howto/howto_css_image_responsive.asp

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

@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

closed