Slider fillmode not cutting off image sides

  • Hi, I’m wondering whether the individual slider Fillmode being set to Fill would at any point cut off the sides of the image? From my experience I’ve only ever been able to get the image to cut off the top and bottom of an image.

    For reference I’m expecting the slides set to Fill to behave the same way as a background-fill property in css would: either cut off the top and bottom of the image if the background image is taller than the container or cut off the sides if the image is wider. Right now when the image is wider than the slider size, the image will just stretch to fit, distorting and shrinking the image from its original dimensions.

    If its any help here are my slider settings: https://puu.sh/pm9jl/dd126d0b6c.png I’ve discovered that if I set the slider width to a value much higher, then the (usually) full-HD sized images (ratio 16:9) aren’t distorted and their original ratios are kept since the ratio between the slider width and height is greater than the images’ ratio, thus cutting the top and bottom off each image.

    I’d prefer to keep the slider width down smaller since as the page shrinks, I prefer the slider to keep a height:width ratio close to 1, particularly for mobile devices which need taller sliders for viewing. My understanding is that the slider starts shrinking to match the ratio of the width:height once the page width is smaller than the slider width value.

    I don’t have a live site which I can demonstrate it on right now (using a local dev copy), but I can push something up if you would like a link as an example.

    Thanks

    https://www.ads-software.com/plugins/master-slider/

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,
    Please set to on Automatically crop and resize slider base images based on above size.

    Please let us know if you have any further questions.

    Regards
    Averta Support

    Thread Starter Chris Heath

    (@chrismheath)

    Hi, thanks for the response.

    This does solve my initially listed problem, however setting the width to a smaller number (eg 1100px), larger screens (1920+), the image can become quite blurry since the image itself is notably smaller than the space its filling.

    Would the pro version with the full width/height cover fix this problem? I don’t believe there’s anything in the free version which would solve it.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Slider fillmode not cutting off image sides’ is closed to new replies.