Lazy load images width 100%, but why!?

Hello,

I activated the Lazy load feature in woodmart settings. But in a lot of places for example in carousels the images are broken because they get a class “wd-lazy-load” which have width: 100% property. Can I ask why does it have a property like this? If I add custom.css wd-lazy-load{width: unset;} it can overwrite other width properties so its not a good solution. The best would be to delete that property, because I think it is useless there. What do you think?

Attachments:

You must be logged in to view attached files.

Hi,

Could you please send us a link to your website where we can see this issue?

Kind Regards

Hi,

I added the page in the private content.

Hi,

100% width is used to stretch small lazy loading placeholder to the image container width and prevent content slip during loading.

To fix your issue you can disable following styles for image gallery element by using following custom code, but in that case content may jump during the loading.

.gallery-images .wd-lazy-load {
	width: auto;
}

Best Regards

[Author]

Posts