SSL Mixed Content Error

Discussion in 'Blogging' started by trashtalk, Nov 13, 2016.

Tags:
  1. trashtalk

    trashtalk Regular Member

    Joined:
    Nov 30, 2011
    Messages:
    487
    Likes Received:
    56
    Hello there, been working on my website last night and installed SSL on my website but i got this error "Mixed Content" on most of the pages / post on my website. All of them are in HTTPS already but still getting the error of mixed content. Can someone tell me how to fix this? I already tried to edit the .htaccess but still no luck. There is a wordpress plugin and it fixed the issue but i would like to know how to fix this without any plugins. Anyway, I am on cPanel and a Wordpress website

    [​IMG]

    [​IMG]
     
  2. Fafieu224

    Fafieu224 Newbie

    Joined:
    Apr 1, 2015
    Messages:
    35
    Likes Received:
    18
    Gender:
    Male
    Location:
    Barcelona
    Hi, your template is calling some resources over http protocol. You needs to find those calls into you template and replace the http:// by the https

    Cheers
     
    • Thanks Thanks x 1
  3. Zwielicht

    Zwielicht Super Moderator Staff Member Moderator Jr. VIP

    Joined:
    Aug 31, 2013
    Messages:
    10,658
    Likes Received:
    16,484
    Gender:
    Male
    Occupation:
    Death
    Location:
    California
    Home Page:
    You can easily fix it without any plugins, but how you fix it will depend on where the URL is located. For example, whenever I encounter the mixed content issue with images, I simply delete the image and reupload the image it. If the issue turns out to be a font, Just go into the style.css file and change the HTTP URL to HTTPS.

    Just go to the file that's causing the issue (your Inspect Element tool will tell you), and change the problematic URL to HTTPS, but make sure there's an HTTPS version of the URL first.
     
    • Thanks Thanks x 1
  4. bartosimpsonio

    bartosimpsonio Jr. VIP Jr. VIP Premium Member

    Joined:
    Mar 21, 2013
    Messages:
    13,689
    Likes Received:
    12,301
    Occupation:
    MACHIN LURNIN
    Location:
    TUVALU
    Home Page:
    Use Firefox + Firebug. Open the network panel and see where all the requests go. See which one is a http://

    Like Zwielicht said, test to see if a https version is out there.

    Substitute http://whatever to //whatever and it'll run on both http and https.

    If there is no http version you'll have to upload that resource to somewhere with https
     
    • Thanks Thanks x 2
  5. Asif WILSON Khan

    Asif WILSON Khan OG Blue Tick Exec VIP Jr. VIP

    Joined:
    Nov 10, 2012
    Messages:
    13,706
    Likes Received:
    37,897
    Gender:
    Male
    Occupation:
    Fun Lovin' Criminal
    Location:
    London
    Home Page:
    It is possibly images that are coming from another server. Had that problem many times.
    Can be fixed with a reverse proxy (I think)

    EDIT: Just saw @Zwielicht mentioned images too, I would check those first.
     
    • Thanks Thanks x 2
  6. Asif WILSON Khan

    Asif WILSON Khan OG Blue Tick Exec VIP Jr. VIP

    Joined:
    Nov 10, 2012
    Messages:
    13,706
    Likes Received:
    37,897
    Gender:
    Male
    Occupation:
    Fun Lovin' Criminal
    Location:
    London
    Home Page:
    reported for post count bumping
     
  7. lucadunning

    lucadunning Registered Member

    Joined:
    Sep 22, 2012
    Messages:
    85
    Likes Received:
    25
    Occupation:
    University Student
    Location:
    UK
    Best way to find the non-https link?