Error in grid layout widening when using lazyload

Hello @blackdeth73,

Thank you for reaching out,

Actually, I didn’t see any error in your screenshot. If you want to load images on masonry view, the lazyload should be loaded before the “Masonry” script, or disable the lazyload. It’s a bit hard to manage it, so in this case, you should contact an expert familiar with the code and performance of the websites. The priority of the javascript is essential to load your web page correctly with lazyload.

To solve this issue, there are two solutions:

1. Use the exclusions options for lazyload to avoid running lazyload for masonry blog posts > featured images by adding classes. Please check this screenshot: https://i.postimg.cc/q7ySBs4c/image.png(I’ll choose this.).

2. Use another style for the blog(like a list style or a simple grid with equal height for each post).

I hope that helps.
Best Regards

@skalanter

thank you for the reply. I’ll try to apply what you said first. Where can I find the settings in the screenshots you provided me?

Hello @blackdeth73,

Thank you for your report,

You can find those settings on WP Dashboard > Appearance > Customizer > Blog > Blog Entries. Please check this screenshot: https://i.postimg.cc/J7NVBy1H/image.png.

Best Regards

@skalanter

thank you for telling me. What I wanted to know is the “lazy load setting” corresponding to number 1 of the answer you gave. Is this the setup of oceanwp Pro?

https://i.postimg.cc/q7ySBs4c/image.png

Hello @blackdeth73,

Unfortunately not, that’s not in the theme.
It’s in your third-party plugin. Please get in touch with your third-party plugin author. Maybe they have a solution that we are not aware of.

Best Regards