SSL - A grey lock with an orange triangle?

Website, Application, Performance Security
1

Hi there
For some time i have been seeing that ssl is displayed with an orange triangle. I’ve read about what it means but i don’t understand is how did this happen and how can i fix it?

I do have other sites with CF but this is the only one facing this type of issue.

Thank you very much in advance

2

Hi @blue_new_life,

That looks like 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. To fix this you will need to edit your source code and change all resources to load over a relative path, or directly over HTTPS.

For example, if you load your images with a full URL:

<img src="http://example.com/image.jpg" />

You would want to change this to:

<img src="//example.com/image.jpg" />

By removing the http:, the browser will use whichever protocol the visitor is already using. An alternative option would be to enable the Automatic HTTPS Rewrites feature that can potentially fix these errors for you automatically. Do be aware that resources loaded by JavaScript or CSS will not be automatically rewritten and mixed content warnings will still appear.

See this Community Tip for further details

1 Like