The Divi Static CSS File Generation is actually a good feature to improve your page speed. But to fix design issues you might need to clear the Divi Static CSS Cache every now and then. Here are 4 hidden ways to speed up that process.

Ever since Elegant Themes launched the Static CSS File Generation For Divi back in June 2018, there have been frequent posts in Divi user groups about the design suddenly reverting back to the default blue Divi style in frontend. 

Nine times out of ten, the problem is solved just by manually clearing the Divi CSS cache. But one problem is that the Clear Divi cache button is hidden deep down in the Theme Options. It simply takes more time then it should to clear the Divi cache – if you use the slow way.

The Slow Way To Clear Divi Static CSS Cache

The most common way to clear the Divi Static CSS Cache involves a five steps long journey from the WordPress dashboard:

1. Hover Divi in the left hand menu
2. Click Theme Options
3. Click Builder
4. Click Advanced
5. Click the CLEAR button to the right of the “Static CSS File Generation” toggle

You should see a brief spinner followed by a green check mark when the Divi cache is cleared.

Quicker Ways To Clear The Divi Static CSS Cache

If you manage a few Divi websites you can save lots of time by speeding up the clearing process. Here are a 4 quicker ways to do it. Which method that is the quickest depends on where in WordPress you are located at the moment.

1. Clear the Divi Cache by Saving the Divi Theme Options

This has been my favorite method the last years and I bet that you didn’t know about it before. From the WordPress dashboard:

1. Hover Divi in the left hand menu
2. Click Theme Options
3. Click the green Save Changes button in the top left.

That’s it! Saving the Divi Theme Options clears the Divi Static CSS Cache automatically – even if you haven’t made any changes to your settings.

2. Clear the Divi Cache by Saving the Theme Customizer Settings

Another hidden way to clear the Divi cache is to just re-save your Theme Customizer settings. This is a little bit more demanding then the Theme Options method described above, since you have to change at least one setting before you can save (publish) your Theme Customizer settings.

1. Hover Divi in the left hand menu
2. Click Theme Customizer
3. Make at least one change in your settings
4. Click Publish.

Publishing your Theme Customizer settings will clear the Divi Static CSS cache.

3. Clear the Divi Cache by Updating a Page or a Post

Another unknown way to clear the Divi cache is to simply update an existing page, post or custom post type. 

1. Edit any page or post
2. Click Update, Save or Publish (the button text depends on the context).

That’s it! Updating or publishing a page will automatically clear the Divi Static CSS Cache. 

4. Clear the Divi Cache With a Button in the WordPress Admin Bar

Recently, the much appreciated Divi pioneer Nelson from Pee-Aye Creative released a blog post on how to add a Clear Divi Static CSS Cache button to the WordPress Admin Bar.

1. Make sure that you have an active child theme on your Divi website
2. Copy the PHP snippet in this this Pee-Aye Creative blog post
3. Paste the snippet to the functions.php file in your child theme
4. Buy Nelson a beer if you meet him in a bar.

This will add a new Clear Divi Cache button in the WordPress admin top bar. Hover it to choose if you want to clear the Static CSS File Generation (the same cache as the other methods in this post clear) or if you want to Clear Local storage (Divi files stored locally by your web browser).

That’s all for today!

I hope that you enjoyed this post. Subscribe to DiviMundo on YouTube and join our Facebook group for more crisp content on WordPress and web design.

👉 Related post: How To Schedule Divi To Clear Static CSS Cache (Automatically)

👉 Related post: How To Disable Divi Static CSS Cache On Single Pages & Posts

👉 Free course: Create a website from scratch with Divi