# L’affichage est cassé depuis une modification

> Une page dont tous les blocs se sont empilés verticalement, sans couleurs ni espacements, n’a pas perdu son contenu : elle a perdu sa feuille de style. Ce symptôme précis a peu de causes possibles, et le navigateur les nomme lui-même dans un onglet que peu de gens ouvrent.

- Source canonique : [https://allaux.fr/problemes/affichage-casse-apres-modification-du-theme](https://allaux.fr/problemes/affichage-casse-apres-modification-du-theme)
- Langue : FR
- Dernière mise à jour : 2026-08-03

## Réponse directe

> Ouvrez l’onglet Réseau des outils de développement du navigateur (F12), rechargez la page et filtrez sur CSS : le fichier en 404 ou bloqué nomme la cause. Sur PrestaShop, régénérez ensuite depuis Paramètres avancés > Performances et videz var/cache ; sur WordPress, désactivez la minification du plugin d’optimisation avant de toucher au thème.

## Le navigateur vous dit ce qui manque

Les outils de développement intégrés à tous les navigateurs comportent un onglet réseau qui liste chaque fichier demandé et le code de réponse obtenu. Un fichier de style en erreur y apparaît en rouge, avec son adresse complète. C’est l’information décisive : elle dit si le fichier est absent, refusé, ou servi vide.

Un second onglet, la console, affiche les erreurs de script. Une seule erreur bloque l’exécution de tout ce qui suit dans le même fichier — voilà pourquoi un menu, un carrousel et un bouton peuvent cesser de fonctionner ensemble à cause d’une seule ligne fautive. Ces deux onglets répondent en général en moins d’une minute à la question « d’où vient la casse ».

## Ce que je trouve derrière ce symptôme

- Le fichier de style assemblé n’a pas été régénéré après la modification : il référence encore l’ancienne structure.
- La compression automatique des fichiers a échoué sur une erreur de syntaxe, et produit un fichier tronqué à partir de cette ligne.
- Une modification faite dans le thème parent alors que le thème enfant est actif : le fichier modifié n’est jamais chargé.
- Une mise à jour du thème a écrasé des fichiers personnalisés, parce que les modifications avaient été faites directement dedans.
- Un module a ajouté sa propre feuille de style après celle du thème, et ses règles l’emportent sur celles prévues.

## Revenir à un état sain

1. **Identifier la portée** — Une page, un type de page, ou tout le site ? Un défaut sur toutes les pages désigne un fichier global ; un défaut sur une seule page désigne un contenu ou un module propre à cette page.
2. **Regarder l’onglet réseau** — Repérez les fichiers en erreur. Une adresse en erreur indique un chemin devenu faux, souvent après un déplacement du site ou un changement d’adresse.
3. **Désactiver temporairement la compression** — Si l’affichage redevient correct sans compression, le problème est dans l’assemblage, pas dans vos règles de style. C’est un test rapide et réversible.
4. **Comparer avec le thème par défaut** — Basculer sur un thème standard quelques secondes dit si la casse vient du thème ou d’ailleurs. À faire hors période de forte affluence.

## Ne modifiez jamais directement les fichiers d’un thème acheté

> Toute mise à jour du thème écrasera ces fichiers, et la modification disparaîtra sans avertissement. Les personnalisations se font dans un thème enfant, ou dans les emplacements prévus par le thème. C’est ce qui rend une mise à jour sûre au lieu de la rendre redoutée.

## Continuer sur la bonne page

- **Créer un thème enfant WordPress** — La méthode pour personnaliser sans perdre ses modifications à la mise à jour. ([/guides/creer-theme-enfant-wordpress](/guides/creer-theme-enfant-wordpress))
- **Bugs CSS après changement de thème PrestaShop** — Le cas PrestaShop, avec la compression des fichiers et les surcharges. ([/prestashop/problemes/bugs-css-responsive-apres-theme](/prestashop/problemes/bugs-css-responsive-apres-theme))
- **Menu de navigation cassé** — Si le défaut touche surtout le menu, souvent lié à un script. ([/wordpress-woocommerce/problemes/menu-navigation-casse](/wordpress-woocommerce/problemes/menu-navigation-casse))
- **Le thème enfant expliqué** — Pourquoi il existe, et ce qu’il protège exactement. ([/glossaire/theme-enfant](/glossaire/theme-enfant))

## FAQ

### L’affichage est correct chez moi et cassé chez mes clients, pourquoi ?

Votre navigateur conserve encore l’ancienne feuille de style, valide, tandis que les nouveaux visiteurs reçoivent la version cassée. Un rechargement forcé ou une navigation privée révèle ce que voient vos clients.

### Puis-je juste réinstaller le thème ?

Réinstaller écrase les personnalisations faites dans ses fichiers. Si elles n’ont pas été isolées dans un thème enfant, elles seront perdues. Il faut d’abord vérifier ce qui a été modifié et où.

### Une seule erreur de script peut-elle casser plusieurs fonctions ?

Oui, et c’est très fréquent. L’exécution s’arrête à l’erreur : tout ce qui était défini après, dans le même fichier assemblé, ne s’exécute jamais.

### Le problème est apparu sans que personne ne touche au thème, est-ce possible ?

Oui : une mise à jour de module qui ajoute sa propre feuille de style, un changement d’adresse du site, ou l’activation d’un réseau de diffusion peuvent suffire.

### Faut-il refaire le thème ?

Presque jamais pour ce type de panne. Refaire un thème est un projet ; ici, il s’agit d’un fichier ou d’une règle à corriger. Je commence toujours par identifier lequel.