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

Further Resources for Web Design and Development Enthusiasts

Alright! We've embarked on quite an adventure exploring the realms of this topic. But why stop there? The world of web design and development is vast, and there's always more to learn and discover. Let's dive into some resources that'll keep your knowledge fresh, your skills sharp, and your passion ignited:

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!