[laurenmstuckeyParticipant]

Hello,
I’ve recently added a SSL certificate to my site, but now when I load the site under SSL, the CSS does not work. After some research, I believe the CSS isn’t loading because the CSS files are linked as http:// instead of https://. So (I think) I need to change the file paths for my CSS files to https:// but I can’t find where they are linked in order to change them. (I’ve found the _header.php file in framework/views/global but don’t see any <link>s there.)

I also know that creating a child theme is usually advised, but will that work for me since I don’t want to add a new linked file, but instead I want to change the way the original files are linked?

Also, if there is a better way to fix the CSS to load under SSL, please let me know.

Thank you!
Lauren

[RupokMember]

Hi Lauren,

Thanks for writing in! There is no absolute path for the styles and scripts in X that might create this. If you install SSL then all stylesheets and scripts will be served over https://. Maybe some plugin causing this. If you provide your URL then we can check the issue.

Meantime you can easily fix this by using a plugin like this – https://wordpress.org/plugins/wp-force-ssl/

Cheers!

[laurenmstuckeyParticipant]

Thanks so much for the response! Here’s my site: https://stltreesurgeons.com/

It’ll probably give you a warning that it isn’t secure, but I promise there’s nothing malicious. It’s just the same problem which I referenced above that I think is causing the issue.

I was also able to find these warnings, so I guess it’s not the CSS after all, it must be some of the .js files.

“Mixed Content: The page at ‘https://stltreesurgeons.com/’ was loaded over HTTPS, but requested an insecure script ‘http://stltreesurgeons.com/wp-includes/js/comment-reply.min.js?ver=4.5.3’. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at ‘https://stltreesurgeons.com/’ was loaded over HTTPS, but requested an insecure script ‘http://stltreesurgeons.com/wp-content/plugins/cornerstone/assets/js/dist/site/cs-body.min.js?ver=1.2.4’. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at ‘https://stltreesurgeons.com/’ was loaded over HTTPS, but requested an insecure script ‘http://stltreesurgeons.com/wp-includes/js/wp-embed.min.js?ver=4.5.3’. This request has been blocked; the content must be served over HTTPS.”

Would blocking those files cause my CSS to not load?

Also thank you for the advice of the plugin, I will look into that.

Lauren

[FriechModerator]

Hi Lauren,

On your admin dashboard navigate to Settings > General. Make sure the WordPress Address (URL) and Site Address (URL) are set to https

Provide us login credentials in private reply, if this does not work.

Thanks.

[Author]

Posts