Elementor-Änderungen werden nicht angezeigt: CSS regenerieren und Caches leeren

  • Geprüft mit Elementor 4.4
  • Aktualisiert am 14.11.2026

Kurze Antwort

Wenn Sie in Elementor speichern und die Live-Website unverändert bleibt, wird meist eine alte Kopie ausgeliefert: die CSS-Datei, die Elementor für jede Seite erzeugt, ein Plugin- oder Hosting-Cache, oder Ihr Browsercache. Beginnen Sie mit Elementor › Editor › Tools › Allgemein › Clear Files & Data, dem Schaltfläche, die früher „Regenerate CSS & Data" hieß. Leeren Sie dann Ihr Caching-Plugin und öffnen Sie die Seite in einem privaten Fenster.

1. Prüfen Sie, ob die Änderung gespeichert ist

Wenn die Seite noch ein Entwurf ist oder Sie den Editor ohne Klick auf Veröffentlichen oder Aktualisieren verlassen haben, gibt es auf der Website nichts Neues zu sehen. Verlauf › Revisionen zeigt, wann zuletzt gespeichert wurde.

2. Öffnen Sie sie in einem privaten Fenster

Ein privates Fenster ignoriert Ihren Browsercache. Wenn die Änderung dort sichtbar ist, liegt das Problem im Browser und wird durch Leeren des Browsercaches behoben.

3. Leeren Sie Elementors Dateien und Daten

Elementor schreibt das CSS jeder Seite in eine separate Datei unter wp-content/uploads/elementor/css/. Wenn diese Datei veraltet ist, sind es die Styles auch. Es gibt drei Stellen, um sie zu löschen:

  • Elementor › Editor › Tools, Reiter Allgemein, Elementor-Cache › Clear Files & Data. Wenn Ihre Version kein Editor-Menü hat, unter Elementor › Tools.
  • Auf der Website selbst, in der oberen Leiste: Mit Elementor bearbeiten › Clear Files & Data. Nur Admins sehen es.
  • Über die Kommandozeile: wp elementor flush-css --regenerate.

Es löscht die alten CSS-Dateien und die von Elementor in der Datenbank gecachten Daten, wie bereits gerenderte HTML, und erstellt sie beim nächsten Besuch neu. Es berührt keine Seiten oder Designs; das erste Laden jeder Seite dauert etwas länger.

Der Name änderte sich in Elementor 3.28. Früher hieß es „Regenerate CSS & Data" oder „Regenerate Files & Data", je nach Version, und viele Tutorials verwenden diese Namen noch.

4. Leeren Sie Caching-Plugin, Hoster und CDN

Elementors Schaltfläche berührt andere Caches nicht. Leeren Sie den Ihres Plugins (LiteSpeed Cache, WP Rocket, W3 Total Cache…), den des Hosting-Panels und den des CDNs, wenn Sie eines nutzen. Wenn ein Optimierungs-Plugin CSS kombiniert oder minimiert, regenerieren Sie auch dessen Dateien. Um sie komplett auszuschließen, empfiehlt Elementor, sie kurz zu deaktivieren.

5. Prüfen Sie den Element-Cache

In den Elementor-Einstellungen, Reiter Leistung, hält Element-Cache eine gerenderte Kopie der Widgets für die gewählte Zeit vor: standardmäßig ein Tag. Clear Files & Data löscht ihn. Wenn ein dynamisches Widget, wie neueste Beiträge oder ein Preis, hinterherhinkt, verkürzen Sie diesen Zeitraum oder deaktivieren Sie das Caching nur für dieses Widget unter Erweitert › Cache-Einstellungen.

6. Wechseln Sie die CSS-Druckmethode

Im selben Reiter Leistung ist CSS-Druckmethode auf Externe Datei eingestellt. Wenn der Server oder ein Plugin die Dateien in uploads/elementor blockiert, versuchen Sie Interne Einbettung: das CSS kommt in die Seite selbst. Wenn es so korrekt aussieht, liegt das Problem an der Auslieferung dieser Dateien.

7. Wenn Sie gerade migriert oder die Domain gewechselt haben

Prüfen Sie, dass Einstellungen › Allgemein in beiden Feldern dieselbe Adresse und dasselbe Protokoll hat (beide mit https://). Wenn Inhalte noch auf die alte Domain zeigen, ändern Sie das mit URL ersetzen.

8. Suchen Sie nach benutzerdefiniertem CSS oder nicht geschlossenem HTML

Ein nicht geschlossenes Tag in einem HTML-Widget oder im Text-Editor, oder ein Fehler im benutzerdefinierten CSS, kann verbergen, was danach kommt. Elementor kennzeichnet Elemente mit benutzerdefiniertem CSS im Struktur-Panel.

Nach dem gleichzeitigen Ändern vieler Seiten

Smart Search & Replace for Elementor leert nach einem Ersetzen Elementors CSS und bereinigt den Cache von LiteSpeed Cache, WP Rocket, W3 Total Cache, WP Super Cache, WP Fastest Cache, SiteGround Optimizer, Cache Enabler und Breeze, wenn diese aktiv sind. URL ersetzen leert Elementors CSS, aber nicht diese Caches.

Kostenloses PluginSmart Search & Replace

Texte und Links auf der gesamten Website ändern — jede Änderung vorher sehen

Smart Search & Replace for Elementor durchsucht alle Seiten, Templates und Popups, zeigt jede Fundstelle an ihrem Platz und ändert nur die, die Sie markieren. Jede geänderte Seite erhält eine Revision.

Plugin ansehen →

Häufige Fragen

Wo ist Regenerate CSS in Elementor?

So heißt es nicht mehr. In Elementor 4 ist es Clear Files & Data, in Elementor › Editor › Tools › Allgemein, und auch in der oberen Leiste der Website unter Mit Elementor bearbeiten.

Löscht Clear Files & Data etwas auf meiner Website?

Es löscht keine Seiten oder Designs. Es löscht die CSS-Dateien und gecachten Daten, die Elementor erzeugt, und erstellt sie beim nächsten Besuch jeder Seite neu.

Warum sind Änderungen im Editor sichtbar, aber nicht auf der Live-Website?

Der Editor rendert das Design sofort; die Live-Website liefert gespeicherte Dateien aus. Wenn ein Cache die alte Version hält (Elementors CSS, ein Caching-Plugin, Ihr Hoster oder ein CDN), zeigt die Website diese, bis er geleert wird.

Warum werden Elementor-Änderungen auf dem Handy nicht angezeigt?

Es kann der Browsercache des Handys sein, oder eine separate Mobile-Kopie, die manche Caching-Plugins aufbewahren: versuchen Sie ein privates Fenster und leeren Sie diesen Cache. Wenn das Layout sich nicht ändert, prüfen Sie, ob Sie die Mobilansicht bearbeitet haben und nicht die Desktop-Ansicht.

Wie regeneriere ich Elementor-CSS von der Kommandozeile?

wp elementor flush-css löscht Elementors CSS-Dateien; mit --regenerate werden sie sofort neu erstellt statt beim nächsten Besuch. Bei einem Multisite-Netzwerk erledigt --network das für alle Sites.