Overlapping images when using a content grid?

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 is a computer, security, and network systems expert and a lover of all things web and tech. Jordan consults with project management for software companies. Jordan is a founder and managing partner at Websavers Inc.

Leave a Comment