Mixed content http and https wordpress - wordpress

I am working on a wordpress website, when i load my website from google chrome i found the following errors: Mixed Content: The page at 'https://www.example.com/' was loaded over HTTPS, but requested an insecure font 'http://example.com/wp-content/themes/woodstock/fonts/woodstock/woodstock.woff?421wez'. This request has been blocked; the content must be served over HTTPS. and Mixed Content: The page at 'https://www.example.com/' was loaded over HTTPS, but requested an insecure font 'http://example.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf'. This request has been blocked; the content must be served over HTTPS.
Note: i have another domain name but this is an example
I have tried to install many secured SSL plugin but it doesnt change anything.

Load your font ressources over https instead:
https://example.com/wp-content/themes/woodstock/fonts/woodstock/woodstock.woff?421wez
https://example.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf

Related

after deleting and uploading new index html the browser still serves older version

Mixed Content: The page at 'https://d1wktfnq0mcp3y.cloudfront.net/' was loaded
over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-latest.min.js'.
This request has been blocked; the content must be served over HTTPS.
d1wktfnq0mcp3y.cloudfront.net/:1
Unchecked runtime.lastError: The message port closed before a response was received.
d1wktfnq0mcp3y.cloudfront.net/:1
Mixed Content: The page at 'https://d1wktfnq0mcp3y.cloudfront.net/' was loaded
over HTTPS, but requested an insecure favicon 'http://example.com/myicon.png'. This request has been blocked; the content must be served over HTTPS.
the problem is that i use CDN over s3 static; but cloudfront redirects http to https; whenver it finds any "http://" in index file it throws error above.
a similar question on SO recommended to delete index.html and reupload new file index.html - doing this did not help, as the browser still shows in the "source" tab "http://". what could be the reason?

Can not figure out insecure content in Mixed Content error

I'm getting a mixed content error
on my webpage (flutter) but am not sure how to determine the insecure resource. I've gone through the requests on this page with the Network tab on Chrome, and they are all pointing to https.
In the console, I get this error
Mixed Content: The page at 'https://yhat.pub/profile/cbb493d3-4a1c-423b-9813-69da377acda6/build_nbs/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.yhat.pub/build/'. This request has been blocked; the content must be served over HTTPS.
But when I look at chrome dev tools, the URL they are stating http://api.yhat.pub/build/ is going over https.
Any suggestion is appreciated.

asp.net mvc script bundle not rendering with https

I am getting this error message for script bundles which should render as https yet its return http://domain:443/
Mixed Content: The page at 'https://domain/' was loaded over HTTPS, but requested an insecure stylesheet 'http://domain:443/Content/css/mycss.css'. This request has been blocked; the content must be served over HTTPS.

Assets not loaded when using CloudFlare SSL

I recently installed SSL from CloudFlare Flexible SSL but when I use https it doesn't seem to load image and CSS assets.
I already disabled hotlink protection.
Here are some images to illustrate the difference:
Using https: http://gyazo.com/ef6ccb13c2c8f3f797dcb2d947a772cb
Not using https: http://gyazo.com/be277259e0dcc8e395316b573de12935
Thankful for help!
A look at the browsers console shows lots of messages like this:
Mixed Content: The page at 'https://hornetvault.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://www.hornetvault.com/templates/fresh/assets/css/styles.css'. This request has been blocked; the content must be served over HTTPS.
Which means you try to load resources using http:// inside a https:// site and these resources get blocked. You need to load these resources by https:// too. You might try to simple use // instead of explicitly given http:// or https:// in your URLs, in which case it will simply use the same scheme (http or https) as the page itself.

HTTP iframe on HTTPS page

I have a simple question, but can't find the answer that I'm looking for.
Is a http iframe that's loaded on a secure https page also secured?
A iframe with http source will not be displayed on a https website as it's considered mixed content and browsers like Chrome will block the content with the following message:
Mixed Content: The page at 'your website' was loaded over HTTPS,
but requested an insecure resource 'iframe http source '. This
request has been blocked; the content must be served over HTTPS.
So far I have not seen a solution to allow mixed content.
There has been a solution for Firefox which is based on redirecting the iframe source via another website that is hosted on the HTTPS Domain.
It is not automatically, you should verify if the src of your iframe is connecting via https or not:
<iframe src="http://www.example.com"></iframe>
your iframe doesn't extend the https access from principal page.

Resources