This tutorial is deprecated in favour of Mixed content errors · Cloudflare SSL/TLS docs
Archive
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:
or
If you see this error, you should enable:
in the SSL/TLS app 
of your Cloudflare dashboard which can help with some issues.
If you still have some mixed content on your site, you will need to edit the resources to load over HTTPS. If you can edit the source code, you can simply change http:// to https://. If you use a CMS such as WordPress, have a look at their support articles for more info on fixing this error. There are many plugins etc. available that can do this.
There is also a community tip on this topic:
Community Tip - Fixing mixed content errors
Tutorial Reference: CT-35
Reviewed: 08/21
This is a Community Tutorial, most are wiki posts, so can be contributed to by Regulars and MVPs here. If there is a tutorial you would like to see, you can request one here.
If you would like to provide any feedback on this tutorial, please post in the #Meta category, tag your post #TutorialFeedback and let us know the Tutorial Reference above.
Other great resources on this community include the Community Tips . These address best practices when configuring Cloudflare, how to fix issues you may see, and tools to troubleshoot. Also you can view Expert Tips, great posts on the community from people in the know that may help you with your issue.
We encourage users to check out these great resources and the Cloudflare Support Centre before posting