WordPress Theme + SSL doesn’t work

My personal blog works when you connect via http but not with https. When you use https it doesn’t load the CSS code. Any ideas? The certification is via Let’s Encrypt program.

My site:
http://nicktehpro.xyz/
Broken Link:
https://nicktehpro.xyz/

Related posts

4 comments

  1. At each place in the document where u have used:

    href="http://nicktehpro.xyz/wp-content/themes/enigma/style.css"
    

    Please change it to:

    href="wp-content/themes/enigma/style.css"
    

    or use a protocol relative uri:

    href="//nicktehpro.xyz/wp-content/themes/enigma/style.css"
    

    because your references are non-secure links they are avoided when using a secure connection

  2. It looks as though there is an error accessing the stylesheets, images, and other objects you are linking to on the page. When you go to https://nicktehpro.xyz, it is trying to load other links from http://nicktehpro.com Its not allowing you to load insecure data onto a secure page. Make sure that you are either loading all from http or https not a mixture of both. you can fix this by using relative links, starting with
    href=”/wp-content/link-to-file”
    or
    src=”/wp-content/link-to-file”
    instead of
    href=”http://nicktehpro.xyz/wp-content/link-to-file”

  3. all the links should start with https which is not the case for your css and js files , example :

    <link rel="stylesheet" href="http://nicktehpro.xyz/wp-content/themes/enigma/style.css" type="text/css" media="screen" />
    

    should be

    <link rel="stylesheet" href="https://nicktehpro.xyz/wp-content/themes/enigma/style.css" type="text/css" media="screen" />
    

    and the other links too

  4. I went ahead and downloaded the theme you’re using to further help you, navigate to Header.php and replace on

    line 18
    <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

    with <link rel="stylesheet" href="/wp-content/themes/enigma/style.css/" type="text/css" media="screen" />.

    EDIT:

    After looking into it’ there’s also a plugin which can achieve this for you for anything that may not be working because it displays as http and not https you should consider giving it a try here.

Comments are closed.