[Resolved] Mixed Content: The page at URL was loaded over HTTPS, but requested HTTP

Home Forums Support Mixed Content: The page at URL was loaded over HTTPS, but requested HTTP

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #919153
    Nir

    If I press F12 on my website page I get 60 errors like this (On Chrome developer console) –
    Mixed Content: The page at ‘<URL>’ was loaded over HTTPS, but requested an insecure font ‘<URL>’. This request has been blocked; the content must be served over HTTPS.

    For example 1 of the error is –
    Mixed Content: The page at ‘https://lic.co.il/%d7%90%d7%99%d7%aa%d7%95%d7%a8-%d7%a0%d7%96%d7%99%d7%9c%d7%95%d7%aa-%d7%9e%d7%99%d7%9d/&#8217; was loaded over HTTPS, but requested an insecure font ‘http://lic.co.il/wp-content/themes/generatepress_child/fonts/open-sans-v15-latin-300.woff2&#8217;. This request has been blocked; the content must be served over HTTPS.

    So I have /generatepress_child/fonts and I have there fonts and it is called with HTTP instead of HTTPS.
    How can I change this to HTTPS?
    From where do I get fonts directory here /generatepress_child/fonts?
    Is it part of the theme?
    Can I delete it?
    Will it solve my problem?

    #919349
    David
    Staff
    Customer Support

    Hi there,

    in your @font-face CSS you would have specified a URL to load the fonts. Update the URL to include the HTTPS.

    #919392
    Nir

    What is “@font-face CSS”?
    A name of a file? I didn’t find this.
    Is it in a specific file?
    Is it in customization?

    I really don’t know what are you talking about.

    #919395
    Nir

    I Opened /home/licluzon/public_html/wp-content/themes/generatepress/css/font-awesome.css
    And I get this –

    @font-face {
    font-family: ‘FontAwesome’;
    src: url(‘../fonts/fontawesome-webfont.eot’);
    src: url(‘../fonts/fontawesome-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘../fonts/fontawesome-webfont.woff2’) format(‘woff2’), url(‘../fonts/fontawesome-webfont.woff’) format(‘woff’), url(‘../fonts/fontawesome-webfont.ttf’) format(‘truetype’), url(‘../fonts/fontawesome-webfont.svg#fontawesomeregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }

    What is wrong here?
    Is this the file I need to change?
    Is this the CSS code you are talking about?

    #919441
    David
    Staff
    Customer Support

    Before we go into that have you tried a plugin to rebuild your permalinks – this one usually does the trick:

    https://en-gb.wordpress.org/plugins/velvet-blues-update-urls/

    #920350
    Nir

    Sorry, but the plugin didn’t help.
    I also tried the following plugins –
    Search Regex
    Better Search Replace
    But it didn’t help.

    #920383
    Longinos

    Hi @Nir
    Maybe you have a css file in generatepress_child/fonts/ , in this file you are calling custom fonts with http nor https. Maybe the file is not here cause you use an agregator css files, but in some site of your web the css file that loads the font exists.
    Hope this help

    #920453
    David
    Staff
    Customer Support

    Ok – so as per my original point and Longinos comment ( Thank you ). Those fonts are being served from your child theme folders. Which means there must be a style.css in your child theme folder. Where you will find the @font-face CSS – it should be a case of updating the URLs there. Let me know.

    #920729
    Nir

    I found here at wp-content/themes/generatepress_child –
    style.css
    And I changed every HTTP to HTTPS.
    It solved the problem.

    I have more errors to investigate in the console.
    But this is resolved.

    Many thanks for your help
    Nir Petrank

    #920756
    David
    Staff
    Customer Support

    Glad to hear that 🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.