I need to change all of the "http://" to "https://" in a file on my site. I did these steps. By the way, I'm using Magento and a Chromebook -

  1. I right clicked on my site and clicked "Inspect".

  2. The screen splits in two, and on the right there is a message saying:

'http://fonts.googleapis.com/css?family=Arimo:400,700|Open+Sans:400,700,600italic,300|Roboto+Condensed:300,400,700'. This request has been blocked; the content must be served over HTTPS.

  1. I click on this and get taken to this link:


  1. I right click on "view page source" and then I right click again and click "Inspect".

  2. The screen splits in two and on the right at the top there are tabs that say "Elements, Console, Sources, Network, Timeline, and Profiles".

  3. I clicked on "Elements", double clicked on the code I wanted to edit (you can also right click and hit "Edit Text" or "Edit as HTML"), and typed an "s" in front of all the links that say "http://" and change them to "https://".

  4. However, there is no way to save this file where the next time I go to my site, it won't have these problems.

  5. I tried going to the "Sources" tab and add an "s" in front of the "http://", but I can't edit this file in the "Sources" section directly.

How can I change all of the "http://" links to say "https://"?

Please give as DETAILED information as possible Ex - Go to CPanel, click on..., scroll to the middle of ... file, etc.


1 Answer 1


First you will have to understand editing from browser console is only for testing purpose. It will not save it in to your server. Just imagine if it would save from there, then anyone would destroy your site.

What is the error?

This request has been blocked; the content must be served over HTTPS.

This means you are trying to load non secure links (http://) in to your secured site (https://). You have to make sure all your content runs with https://

Now, how to change this in your server?

For this you will need to have ftp access. Simply login to ftp and find the file that corresponds to this google font.

I think it should be in your one of css file.

All css files are located in this:


You can find exact file location from browser console (inspect element)

Now, you can edit this file and replace this:


with this:


This will make sure it will load with http:// and https:// both.

  • Thanks! What will happen if it loads with both http:// and https://?
    – Lan
    Commented Aug 25, 2016 at 23:45
  • It will trigger no error for you, which is normal behavior we intend to achieve. Commented Aug 25, 2016 at 23:45
  • Ok thanks! What happens if I add an "s" in front of "http://"?
    – Lan
    Commented Aug 25, 2016 at 23:47
  • That will help too, but remember, in future if your site don't run with https:// then again you will have to change these. So simply make it run through both case scenario would be wise. Commented Aug 25, 2016 at 23:50
  • Thanks again! There isn't a file named "file.css". Did you mean a certain name instead of "file"?
    – Lan
    Commented Aug 25, 2016 at 23:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.