Short answer
If you save in Elementor and the live site stays the same, an old copy is usually being served: the CSS file Elementor generates for each page, a plugin or hosting cache, or your browser’s. Start with Elementor › Editor › Tools › General › Clear Files & Data, the button formerly called “Regenerate CSS & Data.” Then clear your caching plugin and open the page in a private window.
1. Check the change is saved
If the page is still a draft, or you left the editor without clicking Publish or Update, there’s nothing new on the site to see. History › Revisions shows when it was last saved.
2. Open it in a private window
A private window skips your browser cache. If the change shows there, the problem is your browser, and clearing its cache fixes it.
3. Clear Elementor’s files and data
Elementor writes each page’s CSS to a separate file in wp-content/uploads/elementor/css/. If that file goes stale, so do the styles. There are three places to clear it:
- Elementor › Editor › Tools, General tab, Elementor Cache › Clear Files & Data. If your version has no Editor menu, under Elementor › Tools.
- From the site itself, in the top bar: Edit with Elementor › Clear Files & Data. Only administrators see it.
- From the command line:
wp elementor flush-css --regenerate.
It deletes the old CSS files and the data Elementor caches in the database, like already-rendered HTML, and recreates them on the next visit. It doesn’t touch pages or designs; each page’s first load is a bit slower.
The name changed in Elementor 3.28. It used to be “Regenerate CSS & Data” or “Regenerate Files & Data,” depending on the version, and many tutorials still use it.
4. Clear your caching plugin, host and CDN
Elementor’s button doesn’t touch other caches. Clear your plugin’s (LiteSpeed Cache, WP Rocket, W3 Total Cache…), your hosting panel’s, and your CDN’s if you use one. If an optimization plugin combines or minifies CSS, regenerate its files too. To rule them out completely, Elementor suggests deactivating them for a moment.
5. Check Element Cache
In Elementor’s settings, Performance tab, Element Cache keeps a rendered copy of widgets for the time you choose: one day by default. Clear Files & Data wipes it. If a dynamic widget, like latest posts or a price, lags behind, shorten that time or turn caching off for that widget only, under Advanced › Cache Settings.
6. Switch the CSS print method
In the same Performance tab, CSS Print Method is set to External File. If the server or a plugin blocks the files in uploads/elementor, try Internal Embedding: the CSS goes inside the page. If it looks right that way, the problem is how those files are served.
7. If you just migrated or changed domain
Check that Settings › General has the same address in both fields and the same protocol (both https://). If content still links to the old domain, change it with Replace URL.
8. Look for custom CSS or unclosed HTML
An unclosed tag in an HTML widget or the Text Editor, or an error in custom CSS, can hide what comes after it. Elementor flags elements with custom CSS in the Structure panel.
After changing many pages at once
Each page has its own CSS and cached copy. Smart Search & Replace for Elementor clears Elementor’s CSS after a replacement and purges the cache of LiteSpeed Cache, WP Rocket, W3 Total Cache, WP Super Cache, WP Fastest Cache, SiteGround Optimizer, Cache Enabler and Breeze when they’re active. Replace URL clears Elementor’s CSS, but not those caches.