How To Fix Images Not Showing In Divi (Mixed Content Error)

Probable Causes For Missing Images

There are two main reasons that an image may not be showing on your Divi website. Both are related to the URL of the image path. Both can be fixed in a similar way, and this guide will help you.

1. Wrong Image Path

If you have migrated the website from another domain, staging site, subdomain, or other development site, the URL path of the links and images may still be referring to the old domain.

2. Mixed Content Error

This second cause is related to the SSL certificate, and happens if some content on your site starts with “http” while others starts with “https.” This could actually be related to the wrong image path also, if the site was migrated and the previous site and current site had different SSL status. 

Checking The Error

The issue could be related to either of the things mentioned, so let’s determine which one. This is easy to do, and I will teach you the method I use.

Right-click on an image on your site that is showing the missing image icon and select the “Open image in new tab” option. This will open the URL path of the image in a new window. There you can check and clearly see if the path is the same as the current website or not.

To check the error, go onto the page where the images are not loading and open the Console tab of the browser developer tools (right-click, choose “inspect” then Console). The error will display in the Console and give you some basic information about it. For example, if it is an issue with mixed content, the error message will start with Mixed Content and after say, “the page at https://www.example.com is loaded over HTTPS, but requested an insecure image http://www.imageurl and this content should also be served over HTTPS.”

If you are seeing this message, then it is definitely a Mixed Content error that is causing the issue. Otherwise, if the domain of the image when you view it is a different URL such as from a site you migrated from, then you will need to replace the URL of the images in the database.

Error Resolution

To fix either of these errors, you need to change the URL of the image in the WordPress database.  There are various free plugins in the WordPress plugin repository to help with this. You can check the recommendations in our other article linked below.

For images that simply have a mixed content error but the rest of the file path is your own domain, you can sometimes find settings in your hosting account to force HTTPS for the website content. Doing so will fix the issue, but it’s more like a temporary fix and not the real solution. Often, the HTTPS version of the image already exists and this just requires adding an “s” to links – http:// to https:// with the method in the article below. 

Be sure to check our video and written guide about this How To Replace WordPress URLs.

Once the URLs are updated, the images should show fine and no longer have the issues. As always, be sure to clear all cache after this process.