Images Not Loading Due to Mixed Content

If images are not loading on your website after enabling SSL or moving from HTTP to HTTPS, some image URLs may still use insecure links.

Replace HTTP URLs

If your website recently moved from HTTP to HTTPS:

1. Go to WordPress Dashboard > Elementor > Editor > Tools.
   
2. Open the Replace URL tab.
   
3. Replace the HTTP version of the URL with the HTTPS version.
4. Click Replace URL.

Example:

• Old URL: http://yourwebsite.com
• New URL: https://yourwebsite.com

Clear cache

After replacing HTTP URLs with HTTPS URLs, clear all website caches:

• Browser cache
• WordPress cache
• Hosting cache
• CDN cache
  
  For detailed instructions, see: How to Clear Cache in WordPress: 9 Simple Methods.

Regenerate CSS & Data

1. Go to WordPress Dashboard > Elementor > Editor > Tools.
2. Under General, click Clear Files & Data.
   
3. Save changes and refresh the website.

Check custom code

Mixed content issues can also be caused by hardcoded HTTP image URLs inside custom code.

Check for custom code in:

• Elementor widgets
• WordPress Dashboard > Elementor > Editor > Code
• Site Settings > Custom CSS
• WordPress Theme Customizer
• Third-party plugins

Replace any http:// image URLs with https://.

Check third-party plugins

Third-party plugins or external services may still load insecure image resources.

Temporarily deactivate third-party plugins and test the website again.

Check the browser console

To identify blocked image resources:

1. Open the website.
2. Right-click and select Inspect.
3. Open the Console tab.
   
4. Look for “Mixed Content” errors.
   
   The browser console usually identifies the blocked image URL directly.