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.
Posted in Code, Tips and Tricks, Web Design, WordPress Plugins
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.