Layout broken after SSL installation

Support
#1

My client’s site at https://www.bamburghholidaycottage.com/ uses Pro 1.1

I made some content updates earlier today and my client asked me to install a ssl certificate. My host, 20i, uses the Lets Encrypt free ssl system and I installed the certificate, and checked the option to Force HTTPS. The problem is that now the site layout and styling is completely broken.

Header Menu Links are displaying as plain text
There is no background image
Background colours are not being used
Fonts are not loading correctly

I have used the ‘Better Search replace’ plugin to perform a database swap of http:// for https:// and http:// for https// but the problem still persists. The content is secure, in that I am not getting any Mixed Content errors, but it’s almost as if the site isn’t loading or using any css!!

Any help gratefully received!!

#2

Hi Jeremy,

All generated CSS are missing. I found the following error that was causing the issue:

*Unknown Error preg_replace_callback(): Compilation failed: invalid range in character class at offset 11*//*Unknown Error preg_replace_callback(): Compilation failed: invalid range in character class at offset 11*//*Unknown Error preg_replace_callback(): Compilation failed: invalid range in character class at offset 11*/

At this point we need you to update Pro theme. See this thread please. Note to still save a backup. It would be better if you can setup a staging/developement site and then do the update on staging first.

Here’s an update guide:

Hope this helps.

#3

Great…that’s fixed the problem. Many thanks!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.