Streaming live at 10am (PST)

Why are imgs in collections list using sizes attribute?

I have a collection list that I want to turn into a jQuery based Slider. I have that working but the width of the images are being constrained by the sizes attribute.

To be honest I had never heard of that attribute, the img element has sizes=“15vw”

I cannot see where it is getting that from, how do I control that value or remove it entirely. It is not being added by the jQuery slider as I have temporarily removed that.

Do you know why?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

There is a page in the Webflow University that I recommend you review if you haven’t.
It should help you resolve your issue.

If you are still stuck, let us know.

Thanks Jeff. I saw that page earlier and skim read it, thanks for bringing me back to it. For me the key bit was

Webflow measures images in their normal states, not in hover states or interactions that may change the size of the image, so it’s a good idea to look through your site and make sure everything looks ok.

In some cases, you may need to add additional styling to override the sizes attributes effect on image element dimensions, for example, by setting the image’s width to 100% to fill its container.