Elementor n'affiche pas les changements : comment régénérer le CSS et vider les caches

  • Vérifié avec Elementor 4.4
  • Mis à jour le 14/11/2026

Réponse courte

Si vous sauvegardez dans Elementor et que le site reste identique, c'est généralement qu'une ancienne copie est servie : le CSS qu'Elementor génère pour chaque page, le cache d'un plugin ou de l'hébergeur, ou celui de votre navigateur. Commencez par Elementor › Éditeur › Outils › Général › Clear Files & Data, le bouton anciennement appelé « Regenerate CSS & Data ». Ensuite, videz votre plugin de cache et ouvrez la page dans une fenêtre privée.

1. Vérifiez que le changement est sauvegardé

Si la page est encore un brouillon ou si vous avez quitté l'éditeur sans cliquer sur Publier ou Mettre à jour, il n'y a rien de nouveau à voir sur le site. Historique › Révisions indique la date de la dernière sauvegarde.

2. Ouvrez-la dans une fenêtre privée

Une fenêtre privée ignore le cache de votre navigateur. Si le changement s'y affiche, le problème vient de votre navigateur et se règle en vidant son cache.

3. Videz les fichiers et données d'Elementor

Elementor écrit le CSS de chaque page dans un fichier séparé, dans wp-content/uploads/elementor/css/. Si ce fichier est périmé, les styles le sont aussi. Il y a trois endroits pour le supprimer :

  • Elementor › Éditeur › Outils, onglet Général, Cache Elementor › Clear Files & Data. Si votre version n'a pas de menu Éditeur, sous Elementor › Outils.
  • Depuis le site lui-même, dans la barre supérieure : Modifier avec Elementor › Clear Files & Data. Seuls les administrateurs le voient.
  • Depuis la ligne de commande : wp elementor flush-css --regenerate.

Il supprime les anciens fichiers CSS et les données qu'Elementor met en cache dans la base de données, comme le HTML déjà généré, et les recrée à la prochaine visite. Il ne touche pas les pages ni les designs ; le premier chargement de chaque page est un peu plus lent.

Le nom a changé dans Elementor 3.28. Auparavant c'était « Regenerate CSS & Data » ou « Regenerate Files & Data » selon la version, et de nombreux tutoriels utilisent encore ces termes.

4. Videz le cache du plugin, de l'hébergeur et du CDN

Le bouton d'Elementor ne touche pas les autres caches. Videz celui de votre plugin (LiteSpeed Cache, WP Rocket, W3 Total Cache…), celui du panneau d'hébergement et celui du CDN si vous en utilisez un. Si un plugin d'optimisation combine ou minifie le CSS, régénérez aussi ses fichiers. Pour les exclure complètement, Elementor suggère de les désactiver un moment.

5. Vérifiez le cache d'éléments

Dans les réglages d'Elementor, onglet Performance, Element Cache garde une copie rendue des widgets pendant la durée choisie : un jour par défaut. Clear Files & Data la supprime. Si un widget dynamique, comme les derniers articles ou un prix, est en retard, réduisez ce délai ou désactivez le cache pour ce seul widget, sous Avancé › Cache Settings.

6. Changez la méthode d'impression CSS

Dans le même onglet Performance, CSS Print Method est réglé sur External File. Si le serveur ou un plugin bloque les fichiers dans uploads/elementor, essayez Internal Embedding : le CSS est intégré dans la page. Si ça s'affiche correctement ainsi, le problème vient de la façon dont ces fichiers sont servis.

7. Si vous venez de migrer ou de changer de domaine

Vérifiez que Réglages › Général a la même adresse dans les deux champs et le même protocole (les deux avec https://). Si le contenu pointe encore vers l'ancien domaine, changez-le avec Remplacer l'URL.

8. Cherchez du CSS personnalisé ou du HTML non fermé

Une balise non fermée dans un widget HTML ou l'Éditeur de texte, ou une erreur dans le CSS personnalisé, peut masquer ce qui suit. Elementor signale les éléments avec CSS personnalisé dans le panneau Structure.

Après avoir modifié de nombreuses pages à la fois

Chaque page a son propre CSS et sa copie en cache. Smart Search & Replace for Elementor vide le CSS d'Elementor après un remplacement et purge le cache de LiteSpeed Cache, WP Rocket, W3 Total Cache, WP Super Cache, WP Fastest Cache, SiteGround Optimizer, Cache Enabler et Breeze lorsqu'ils sont actifs. Remplacer l'URL vide le CSS d'Elementor, mais pas ces caches.

Plugin gratuitSmart Search & Replace

Modifiez textes et liens sur tout le site en voyant chaque changement avant

Smart Search & Replace for Elementor parcourt toutes les pages, modèles et popups, montre chaque correspondance en place et ne modifie que celles que vous cochez. Chaque page modifiée obtient une révision.

Voir le plugin →

Plus de guides

GuidesChanger les URL
Lire le guide →

Comment changer les URL dans Elementor (et ce que Remplacer l'URL ne change pas)

Où se trouve Remplacer l'URL, ce qu'il ne change pas et l'ordre pour un changement de domaine.

GuidesModifier les textes
Lire le guide →

Comment chercher et remplacer un texte sur toutes les pages Elementor

Trois façons de modifier un numéro de téléphone ou une phrase sur toutes les pages, et pourquoi un chercher-remplacer de base de données rate.

FAQ

Où est Regenerate CSS dans Elementor ?

Ce nom n'existe plus. Dans Elementor 4, c'est Clear Files & Data, dans Elementor › Éditeur › Outils › Général, et aussi dans la barre supérieure du site sous Modifier avec Elementor.

Clear Files & Data supprime-t-il quelque chose de mon site ?

Il ne supprime pas les pages ni les designs. Il supprime les fichiers CSS et les données en cache générés par Elementor, et les recrée à la prochaine visite de chaque page.

Pourquoi les changements s'affichent dans l'éditeur mais pas sur le site ?

L'éditeur génère le design en temps réel ; le site public sert des fichiers enregistrés. Si un cache contient l'ancienne version (le CSS d'Elementor, un plugin de cache, l'hébergeur ou le CDN), le site la montre jusqu'à ce qu'elle soit vidée.

Pourquoi les changements n'apparaissent pas sur mobile ?

C'est peut-être le cache du navigateur du téléphone, ou une copie séparée pour mobiles que certains plugins de cache conservent : essayez en fenêtre privée et videz ce cache. Si c'est le design qui ne change pas, vérifiez que vous avez bien édité la vue mobile et non desktop.

Comment régénérer le CSS d'Elementor depuis la ligne de commande ?

wp elementor flush-css supprime les fichiers CSS d'Elementor ; avec --regenerate, il les recrée immédiatement plutôt qu'à la prochaine visite. Sur un réseau multisite, --network le fait pour tous les sites.