SSL certificate breaks down design of WordPress website

  • Hello all,

    I own a website for which I purchased an SSL certificate. I installed this certificate, however, the css design does not work properly when I run the website with https instead of http.

    Please check the difference:
    https://surfawhile.com
    https://surfawhile.com

    Does any of you have an idea of what is going on and how to solve this issue?

    Thanks a lot in advance!

    Regards,

    Hans

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    When running a website over HTTPS you can’t call extra resources over HTTP. They will be blocked, your page won’t load correctly and you will lose your Secure Status.

    If you check your developer console ( either on firefox or on chrome ) you will see many errors of this kind.

    A simple way to fix this if all those are loaded through proper use of WordPress core is to install a plugin like Really Simple SSL , it will try to make all extra resources load from https as well so you won’t loose your status. Although this might an easy fix and might work it would be best to address each issue individually and actually fix the links.

    Best regards,
    Konstantinos

    Are you using a CDN? I had a similar kind of a problem when I used CDN for my site.

    Try changing the settings of your SSL certificate provider to force encrypt everything. It worked for me. So basically you will be having only 1 version of your site, which is always a good idea. The http requests will be redirected to https.

    Or you can try disabling the CDN temporarily (if you are using one, that is).

    have a look at this, if it helps you:
    https://www.ads-software.com/support/topic/problems-loading-https-version-of-site/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘SSL certificate breaks down design of WordPress website’ is closed to new replies.