Wordpress website not working properly after installing SSL certificate

Question

I have installed the SSL certificate via Cpanel to my WP website. But right after installing it the UI of the website got disturbed.

Without SSL

With SSL

Update 1

I have looked into it and found out that CSS/JS is not properly loaded. So I changed HTTP to HTTPS in my files where I was using it. But still, the issue is the same. Moreover, I am getting the below errors in my console.

Any help would be highly appreciated

Answer 1

Its due to references of css/images/javascript etc that are not using the SSL (https) but use HTTP instead. I recommend to install Really Simple SSL plugin for the quickest solution. Another solution is to go and fix every incorrect reference but this can be a lot of work and may in some cases need advanced knowledge (editing database entries etc.)

Answer 2

Check with your hosting company to properly configure HTTPS Redirects. The hosting company may ask you to install an HTTPS redirect plugin on your website. If that's work out then good if not, then go to PHPmyAdmin of your cPanel and Export your database. Open the database in Notepad++ and replace all http with https. Save the file. Delete old database tables. Import the file you saved with changes. Be aware, it might break your site, so be sure to take a backup of your database before attempting it. If things don't work out, revert the changes and take the help of a developer to fix it for you.