This guide takes you through the steps required to fix “https breaking CSS on WordPress when using Cloudflare”. If you have been experiencing the above error and wondering how you can easily solve it, this tutorial will take you through all the procedures for as long as you read and follow it.
Like many of know you know me, I am that kind who only believes in the “I can” slogan than the “I have failed”. Yes, that has helped me go past many situations simply because I believe in myself and what I do. The same thing I was telling a colleague who came to me seeking help on https breaking CSS on his WordPress site.
Having gone through the same during those days when I had just started using Cloudflare, I found it very easy to help him fix his site after we did it together using the same way I have shared below. At the end of our learning session, my friend like wow, this is a thing I could have done myself….
Just like him, I know many of you out there are experiencing the same, and a reason I chose to write this tutorial so you can help yourself out and instantly. But before we get started, it is very important for you the reader to know that access to Cloudflare account is mandatory since its where the fix is done. If you already have access your Cloudflare account, please follow the below.
How to fix HTTPS CSS error on Cloudflare
Step 1: Log into your Cloudflare account.
Step 2: Click SSL settings under security.
Step 3: Set SSL to Full mode
Now try to reload your site and see if CSS if still breaking or not. If it is still breaking, then login to your WordPress site and go to settings. Change the both site and WordPress URL starting with “https“. Save and reload your website. At this time, your site should reload fully without any CSS errors.
