Published on May 2, 2020

How to replace background images in Easy Posts with regular images

Sridhar Katakam

This members-only tutorial provides the steps to replace background images in default Easy Posts component preset with img elements. One of the benefits of doing this is so that these images can be lazy loaded.

We shall also set a fallback image for the posts that do not have a featured image set.

Step 1

Let us define a custom size for the images output by the Easy Posts.

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: Custom image sizes

Code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right