Clearing Your DIVI CSS Cache

by on October 5, 2019
Clearing the Divi CSS cache.

Ask Your Favorite AI

Copy the link to a markdown format of this article for ChatGPT, Claude, Gemini, or your favorite AI.

The Divi WordPress theme adds a lot of features and functions to WordPress. This allows users to create more complex layouts while maintaining fast performance times. As part of the performance part the Divi developers have created a cache for the CSS files created by Divi.

Why Cache CSS files?

Cascading Style Sheets(CSS) allow websites to separate the structre of a site from it’s appearance. HTML creates the structure while CSS handles the appearance. Since the design of a site does not change very often a CSS file can be cached for 30 days or longer. This means that the server does not need to process a new CSS file everytime someone visits a page on your site. If you add a CDN to the mix the CSS files are cached in multiple servers around the globe to improve performance even more.
On June 28, 2017 Divi released a blog post explaining why they added static CSS file generation to the theme:

Divi has been updated to support static CSS file generation for both the Divi Builder, The Divi Theme Customizer and the Divi Theme Options. This means that custom design styles will no longer generate in-line CSS upon request and will instead serve static files that can be cached by the browser, ultimately consuming less server resources and speeding up load times for your visitors.

Why do I need to clear my cached CSS files?

When you make a change to the design of your Divi site the existing cached CSS files need to be replaced. At Pressable we have an option to clear your site’s cache. However this does not also clear the Divi cache. If you make an update to the site and that update is not showing up correctly you need to login to wp-admin and clear your Divi cache.

How to clear Divi Cache:

  1. Log into https://yourdomainname.com/wp-admin and scroll down till you see the Divi side menu option and click on it:
    divi theme options button screenshot
  2. You are now in the Divi Theme Options dashboard. Click on the builder tab:
    divi theme options builder button screenshot
  3. Click on the Advanced tab:
    divi theme options builder advanced button screenshot
  4. Click on the Clear button next to Static CSS File Generation:
    divi clear css cache button screenshot

If you have any questions please contact support so we can assist.

Read More Articles in WordPress Plugins & Themes

A woman installing a WordPress theme
WordPress Plugins & Themes

How to Install a WordPress Theme

Ready to install a WordPress theme?  Great!  There are tons of resources online when it comes to themes. We recommend themes from the WordPress.org Theme Directory or a Premium theme from the WordPress.org Premium theme Directory. […]

Plugin connecting to WordPress logo
WordPress Plugins & Themes

How Many WordPress Plugins Are Too Many Plugins?

WordPress plugins are a great way to quickly and easily expand the functionality of your site. From SEO and social media integration to 301 redirects and inquiry forms, there are so many plugins to select […]

Woman of color with natural hair smiling with pink background and Pressable logo
WordPress Plugins & Themes

All You Need to Know About Free WordPress Themes

There may be no such thing as a free lunch, but fortunately for WordPress users, there are several good options for free WordPress themes. In this ultimate guide to free WordPress themes, we cover: Why […]