Always Use HTTPS - images are not showing on WP website

[netoolcorporation]

I have activated CloudFlare yesterday, and Flexible SSL (on cloudflare and installed wordpress plugin). There is a problem my website occasionally is not available, showing error " This site can’t provide a secure connection" (twice so far I have noticed). But except that, some images are not showing on website.

I have turned on " Always Use HTTPS" and " Automatic HTTPS Rewrites", and noticed some images are served with https url and some with http. Those served with http (not https) are not showing. I couldn’t find pattern which images got https, as more or less they are all created an uploaded at same time. This error seems random…

Also I found out if i upload new image, that image is served with https and is visible.
As it is wordpress website, I am not sure I can rewrite all media http to https addresses.

If I go to inspect element, and change http to https to image not showed, it appears normally.

Do you know how to fix the problem?
By the way, at this very moment I am writing post, website is not available as “secure connection failed”

Looking forward to hear from you. And thanks in advance!

website url: netoolcorp.com (you can try http, or https or anything you want…)

[sdayman]

That’s a Mixed Content issue:

Mixed Content

What is mixed content? Mixed content is when your site is loading over HTTPS, however some images / scripts / resources are being loaded insecurely over HTTP. Your browser may give a notification about it when visiting the site, such as: [image] or [image] If you see this error, you should enable: [image] in the SSL/TLS app [Screenshot%20from%202019-08-27%2013-47-34] of your Cloudflare dashboard which can help with some issues. If you still have some mixed content on your site, you wil…

[netoolcorporation]

Hi sdayman!
Thanks for quick reply.

I do have " Automatic HTTPS Rewrites" turned on, but problem is still there. In article you shared there is no explanation to solve it. However, I did some research based on your reply and the article. I am using " SSL Insecure Content Fixer" wp plugin now, and images are back.

For other people with similar problem, just install the plugin. For more info, take a look at this post:

How to Fix the Mixed Content Error in WordPress (Step by Step)

Disclaimer: I am not affiliate/contributor or something to wpbeginer website. I spent hours trying to solve the problem, and couldn’t make till now. I am sharing this to help other with the problem.

Best regards,
Miodrag

[sdayman]

Good find on the plugin. Plugins come and go, and the one I used to suggest doesn’t seem to be available anymore.

The Tutorial also linked to this article:

Community Tip - Fixing mixed content errors

Error Try the suggestions in this Community Tip to help you fix mixed content errors. Background Did you notice the green padlock missing from your browser when connecting over HTTPS? That is likely a mixed content issue. Mixed content errors mean that your website is being loaded over HTTPS, but some of the resources are being loaded over HTTP. In this case, the site will show as not secure. Quick Fix Ideas To fix this, you will need to edit your source code and change all resour…

[netoolcorporation]

Seems like this is the same plugin. In my case, it worked. Hope to stay that way

[netoolcorporation]

Sdaynab, do you maybe have a clue why it there frequent secure connection error? It all happened after connecting to CloudFlare. Actually I noticed first time after adding SSL. At one moment website works normally, at another there is secure connection error