How to Clear Elementor Cache (Complete Step-by-Step Guide)

Updated onJune 11, 2026By

Key Takeaways

  • Elementor cache stores static versions of website data to improve loading speed and performance.
  • Clearing Elementor cache regularly prevents older content from displaying and ensures updated website versions are shown.
  • To clear Elementor cache, navigate to Elementor > Tools in the WordPress dashboard and click on Regenerate Files & Data.
  • Emptying the browser cache alongside Elementor cache enhances overall website speed and resolves potential display issues.

I have lost count of how many times a client has messaged “I updated the page but it still looks the same.”

Nine times out of ten the fix is not rebuilding anything. It is clearing a cache. The catch in 2026 is that an Elementor site usually has more than one cache stacked on top of each other, and clearing only the first one is why changes still do not show.

This guide walks through every layer, in the order you should clear them, plus what to do when your changes still refuse to appear.

The 30-second answer: in WordPress go to Elementor > Tools > Regenerate Files & Data and save. If your edit still does not show, clear your caching plugin (WP Rocket, LiteSpeed, W3 Total Cache), purge your CDN or Cloudflare, then hard-refresh your browser with Ctrl+F5 (or Shift+Cmd+R on Mac). Most “my change is not showing” problems are gone by the second step.

Table Of Contents

What Is Elementor Cache?

Elementor generates a lot of CSS. Every widget you style, every global color, every breakpoint becomes CSS that Elementor writes to files so the browser does not have to rebuild it on every visit. That stored output is the Elementor cache, and it is what makes a built page load quickly instead of regenerating from the database each time.

The trade-off is staleness. When you change a design, the old CSS can keep serving until it is regenerated, so your edit is live in the editor but invisible on the front end. Clearing the cache forces Elementor to write fresh files. Search engine web crawlers also benefit, because they index the current version of the page rather than a stale one.

Youtube video
Video walkthrough: clearing the Elementor cache in under two minutes.

The Four Cache Layers on an Elementor Site

Before the steps, it helps to know what you are actually clearing. A typical Elementor site stacks up to four caches, and a change has to pass through all of them to reach a visitor:

  1. Elementor’s own CSS cache. The generated stylesheet files Elementor writes per page and globally.
  2. Your caching plugin. WP Rocket, LiteSpeed Cache, W3 Total Cache, or WP Super Cache storing full-page HTML.
  3. Your CDN or host. Cloudflare, a host-level cache, or server object cache holding an edge copy.
  4. Your browser. The local copy on the machine you are looking at.

Clear them in that order, top to bottom. Most people clear only layer one or layer four, which is exactly why the change still does not show.

Step 1: Regenerate Elementor CSS & Data

This is the core fix and the one that solves most cases on its own. From your WordPress dashboard, go to Elementor > Tools in the left admin menu.

Navigating to elementor tools in the wordpress admin menu
In WordPress, open Elementor > Tools to reach the cache controls.

On the General tab you will see a section called Regenerate CSS & Data. Click Regenerate Files & Data, wait for the green check, then click Save Changes. This deletes Elementor’s stored CSS and rebuilds it from your current settings.

Regenerate files and data button under elementor tools general tab
Click Regenerate Files & Data, wait for the green check, then Save Changes.

If your widgets or templates look wrong rather than just stale, the same Tools page has a Sync Library button that refreshes Elementor’s template and kit data. Reload the front end and most edits will now appear.

Want caching done right end to end? Compare the 6 Best Cache Plugins for Elementor before you settle on one.

Step 2: Clear Your Caching Plugin

If you run a caching plugin, it is storing a full-page HTML copy that sits in front of Elementor’s output. Regenerating Elementor CSS does not touch it, so this is the layer most people forget. Each plugin has a one-click purge:

  • WP Rocket: top admin bar > WP Rocket > Clear cache, or Settings > Dashboard > Clear and preload cache.
  • LiteSpeed Cache: admin bar > LiteSpeed Cache > Purge All.
  • W3 Total Cache: admin bar > Performance > Purge All Caches.
  • WP Super Cache: Settings > WP Super Cache > Delete Cache.

After a big design change, clearing the whole cache is safer than clearing a single URL, because Elementor global styles can affect every page.

Chasing speed beyond caching? Work through 25+ Ways to Speed Up Elementor Website Performance.

Step 3: Purge Your CDN or Cloudflare Cache

If your site runs behind Cloudflare or another CDN, an edge copy of your pages and CSS can persist even after the plugin cache is gone. This is common on managed hosts that bundle Cloudflare by default.

In Cloudflare, open your domain, go to Caching > Configuration, and use Purge Everything after a major change, or Custom Purge for a single URL. Many caching plugins can also trigger this automatically if you connect your Cloudflare API token.

Cloudflare dashboard purge cache option for clearing cdn cache
Cloudflare’s Purge Cache clears the edge copy that can survive a plugin-cache clear. Source: Cloudflare docs.

Step 4: Empty Your Browser Cache

Finally, your own browser may be showing a locally stored copy. A hard refresh forces it to fetch the live version. Use these shortcuts:

  • Chrome, Edge, or Firefox on Windows: Ctrl + F5, or Ctrl + Shift + R
  • Chrome or Firefox on Mac: Shift + Command + R
  • Quick check: open the page in a private or incognito window, which ignores your browser cache entirely.

Still Not Seeing Your Changes?

If you have cleared all four layers and the edit still will not show, work through these:

  • Check the CSS Print Method. Under Elementor > Settings > Advanced, switching CSS Print Method between “External File” and “Internal Embedding” and saving forces a clean rebuild.
  • Look for an object cache. Hosts using Redis or Memcached may need a flush from your hosting dashboard or a host-specific plugin.
  • Check an optimization plugin. Tools that combine or defer CSS and JavaScript keep their own cache that needs clearing too.
  • Confirm you edited the right page. A staging copy or a duplicate template is a surprisingly common culprit.

If the real problem is a hacked or sluggish site, see the 5 Best WordPress Malware Removal Plugins.

How to clear elementor cache (complete step-by-step guide)
Do you Manage WordPress Websites? Download Our FREE E-Book of 20+ Checklist for WordPress Site Maintenance. ​
[contact-form-7 id="125716"]

Wrapping Up

Clearing the Elementor cache is a two-minute job once you know there are four layers, not one. Start with Elementor > Tools > Regenerate Files & Data, then move down the stack only as far as you need: caching plugin, CDN, browser.

Do them in order and “my change is not showing” stops being a mystery.

And if you want to build faster pages that need less firefighting in the first place, The Plus Addons for Elementor gives you 120+ widgets and extensions in one lightweight, actively maintained package.

Check out the Complete List of 120+ Widgets and Extensions here. Start building your dream website without coding!

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO at POSIMYTH Innovations · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer
X GitHub YouTube Website
Join the Elementor Facebook community

Related Frequently Asked Questions

Related Blogs