Fix Images Not Showing
If you are also checking your Divi website and notice that images are missing or not loading, don’t panic! I’m here to show you how to solve the issue! Most likely the images are not showing due to a mixed content error or the wrong image path. In this tutorial, I will show you how to fix the issue of images not showing or loading on your Divi website.
▶️ Please watch the video above to get all the exciting details! 👆
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.
thanks for this post,. It helps. Have a nice week 🙂
You’re welcome, I’m glad it helped!
Different issue here… not loading but right-clicking and “open image in a new tab’ works. Refresh, still does not show on site. W/in Divi, all shows, using dev tools to verify path all works and images will show when pulling them up individually.
I had made a copy of the live page, made edits then pointed that page to be the front static page via the Homepage Settings.
This is has happened a few times in the past and I never remember what we do.. it seems to happen only after a Divi update.
Hi Kelly!
I need to check the console error for further investigation. Can you please share the URL of the page?
Thank you for this post… really helpfull 😉
You’re welcome, I’m glad you found it helpful!