Featured Image Not Showing In Custom Loop Layout

If you are using the Divi dynamic content to display your posts featured image in a custom loop layout and the image is not showing, please follow the steps below.

Issue.

Divi Dynamic Data can be troublesome. We have seen that sometimes it does not show the featured image. Since we do not control Divi's code, we cannot modify it to make it work. We have reported the issue to Elegant Themes.

Right now, we have two solutions.


Scenario 1 (featured image as image):

Issue:

The featured image is not showing when using the image module and setting the dynamic data to the featured image.

Solution:

Please use our Thumbnail module which we provide..


Scenario 2 (featured image as background image):

Issue:

The featured image is not showing when using dynamic data in the background - for example on the row or column (see below

Solution:

The CSS is not being generated by Divi to show the featured image as a background image. We, therefore, need to get creative and use our thumbnail module to get the image and then transform it into looking like a background image. There is an SEO advantage of this since the image can be crawled by Google (background images cannot).

Step 1: Add Thumbnail Module.

Remove the featured image set by dynamic data, insert our thumbnail module in the area you want it to show and then add a custom class name to the module, something like "absolute_img" would work well.

2.) Add Custom CSS.

Go to Divi > Theme Options > Custom CSS and add the following CSS.

Now the featured image should show as a background image.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us