Responsive slider does not fit images into width

  • Resolved Tom

    (@atomiktd)


    9 years, 6 months ago

    I tried to figure out what image sizes are the best for slider, but to no avail. Images do not fit into window size but mostly are cut on both sides. I couldn’t fix it with slider height.

    I would prefer to have slides of 100% window width and height according to it’s aspect ratio.

    Is it possible? How can I do it?

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

  • You could try using the following css.

    max-width:100%;
height:auto;

    I’ve never used it but I’ve seen it used to make images more responsive.

    Thread Starter Tom

    (@atomiktd)

    @mrtom414
    Thank you, but to what class should I apply it?

    Hello Tom,
    disable the centering slides in any device, cause

    I would prefer to have slides of 100% window width and height according to it’s aspect ratio

    That’s exactly the css of the slider’s images by default.
    With that option enabled, instead, always respecting the aspect ratio, you may have the width: 100% (of the container) height: auto (v-centering), or height 100% (of the container) and width: auto. (h-centering)

    so uncheck:
    Appearance -> Customize -> Global Settings -> Image Settings -> Dynamic slider images centering on any devices

    Thread Starter Tom

    (@atomiktd)

    @d4z_c0nf
    Thanks a lot!
    I would never imagine, that to change slider behavior, I have to change image settings!
    It works the way I wanted!

    You’re welcome.
    Glad you solved!
    Would you mind marking this topic as resolved?

    Thread Starter Tom

    (@atomiktd)

    Sure ??

    ??
    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Responsive slider does not fit images into width’ is closed to new replies.