Subscribe On YouTube

Join other subscribers and enjoy other Divi video tutorials!

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

Nelson Miller Profile Orange
In this tutorial I will show you how to fix the issue of images are not showing on your Divi website, often caused by a mixed content error.

▶️ 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.

How To Replace URLs In A WordPress Website Tutorial by Pee Aye Creative

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.

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin
Divi Logo (2)

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Featured Products

Asset 4

New! Trail Guides

Follow a series of blog posts carefully arranged around a specific topic or goal! Keep track of your progress by marking posts completed, just like a free course!

View Trial Guides

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

6 Comments

Comments By Others

  1. Jens Audehm

    thanks for this post,. It helps. Have a nice week 🙂

    Reply
  2. Kelly Johnson

    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.

    Reply
    • Hemant Gaba <span class="comment-author-role-label"><a href="https://www.peeayecreative.com/product/divi-adventure-club/" class="comment-author-role-link" rel="external nofollow" target="_blank">Divi Adventure Club Member</a></span>

      Hi Kelly!

      I need to check the console error for further investigation. Can you please share the URL of the page?

      Reply
  3. Frédéric Laurent

    Thank you for this post… really helpfull 😉

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart