Display Custom Meta Data Image in Essential Grid

This article will show you how to display an alternate image on your grid item from your Custom Meta Data

Quick Note: This method will only work on a Post Based Grid

Step 1:

Create an “Image Type” Custom Meta Data

Step 2:

In your posts, upload an image into the “Custom Image” Meta Data

Step 3:

Edit the Grid Skin

Step 4:

Create a new Layer and select Text/HTML as Layer Source.

Step 5:

Replace the Layer Texts with the HTML code below in the “Text/HTML” source

Quick Note: Learn more about the HTML IMG Tag here

<img src="%eg-custom-image%">

You can find the Custom Meta Key %eg-custom-image% using the link shown below.

Display Custom Meta Data Image in Essential Grid

The Author


Strength does not come from winning. Your struggles develop your strengths. When you go through hardships and decide not to surrender, that is strength.

Liked this Post?
Please Share it!

[tp_popular title="Popular Grids" regex="(grids|template_library)" count=3]


Join over 25.000 others on the Essential Grid and Slider Revolution email list to get access to the latest news and exclusive content.