Streaming live at 10am (PST)

Trying to make CMS images responsive in slider

Hi there,

I’m trying to create a slider which uses images from my CMS product items. I managed to make the slider responsive, but my images don’t adjust in scale. All my images need to be shown fully when for example viewed on a smartphone.

Thank you in advance for your support.

Here is my site Read-Only: https://preview.webflow.com/preview/tribes-of-mohka?utm_medium=preview_link&utm_source=designer&utm_content=tribes-of-mohka&preview=47bd38eb89ef9799ebc860a5788880d1&pageId=5cf79cda5fb6f73df4531aa7&itemId=5cf79cda5fb6f727e0531acf&mode=preview

you need to switch the size of the dynamic image container (“slider 2”) from pixels to VW or VH and then in the background (“image and gradient”) settings for the image (“slide 4” and “2”) chose “contain”, centered, and no repeat and then you image will scale…!
44%20AM|239x399

Great!

And do you know how I can make sure that the BG behind the image is full white?

I am not sure what u r asking… when I tried it the background remained the same…

I think you need to look at the sizing of the container of the collection item so it will wrap around the image…

Thank you for you help!