Overlapping images when using a content grid?

Websavers Inc

If you’re seeing overlapping images, or odd grid display issues when using a content grid plugin, look for a plugin that enables lazyload of images and disable it on the page.

For example, we use WP Rocket on most of our sites, and while it’s a fantastic caching plugin, occasionally you can run into the odd compatibility issue. When we use a content grid or image grid layout on a page where the placement of each grid entry is defined by the size of the image, then not loading the images immediately on page load (ie: lazyload) means the grid isn’t configured correctly.

To fix this with WP Rocket, edit the page in WordPress, then look on the right side for its per-page config options. Uncheck “Images LazyLoad”, update the page and you should be all set! Problem solved.

Jordan Schelew

Jordan has been working with computers, security, and network systems since the 90s and is a managing partner at Websavers Inc. As a founder of the company, he's been in the web tech space for over 15 years.
WS-Logo-only-image-large

About Websavers

Websavers provides web services like Canadian WordPress Hosting and VPS Hosting to customers all over the globe, from hometown Halifax, CA to Auckland, NZ.

If this article helped you, our web services surely will as well! We might just be the perfect fit for you.

Leave a Comment