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…!
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…