Sun. May 19th, 2024

FIXED! HTTPS Breaks CSS on WordPress Using CloudFlare

By KWS Adams Jun18,2019
FIXED! HTTPS Breaks CSS on WordPress Using CloudFlare

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.

FIXED! HTTPS Breaks CSS on WordPress Using CloudFlare

Step 2: Click SSL settings under security.

FIXED! HTTPS Breaks CSS on WordPress Using CloudFlare

Step 3: Set SSL to Full mode

FIXED! HTTPS Breaks CSS on WordPress Using CloudFlare

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.

By KWS Adams

My name is KWS Adams . (Call me Kateregga). I am an IT addict who loves playing around with computers and internet. Computers help me try out different things while turning them into reality, while the internet powers me stay live online. Besides computers, I am a project planning and management professional with an Award obtained from MUK, one of the oldest and best Universities in Africa. Find me on Twitter, Facebook and Whatsapp. Find more on how to contact me using the contact me page.

Related Post

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.