Streaming live at 10am (PST)

How to make image on Slider stretch without cropping


#1

Is there any way to make a 100% width slider image stretch with the page rather the lose some the bottom of the image?

https://preview.webflow.com/preview/revchurch?preview=3702f355cae2864c350c2d0bc6a5f3cc


#2

If you want a responsive image that always fills the frame, use a div with background image set to cover instead of the image widget.

I personally don't apply a background image to the slide itself. It is better to nest a div with a background image instead - it will give you improved formatting options.

It is important to note that background images are defined as a CSS attribute, not the HTML, so before you publish your final site be sure to clean up any unused classes to prevent loading unnecessary data.


#3

This is what I'm looking to do... http://www.jssor.com/demos/full-width-slider.html

I don't want to lose part of the image...i want to whole slider to adjust.


#4

use images with the standard image widget. Set their width attribute to 100%. Set the slider height to auto.


#5