Arbeite diese sieben Punkte von oben nach unten ab. Sie sind nach Häufigkeit sortiert — in den meisten Fällen liegt die Ursache in den ersten drei.
1. Schreibweise
Der häufigste Grund. Prüfe Zeichen für Zeichen:
- Kein Punkt am Anfang.
t-text--m, nicht.t-text--m. - Zwei Bindestriche vor der Variante:
t-text--m, nichtt-text-m. - Zwei Unterstriche bei Bestandteilen:
c-card__media, nichtc-card_media. - Alles klein. Kein
T-Text--M. - Kein Leerzeichen innerhalb eines Namens.
2. Existiert die Klasse überhaupt?
Ein falscher Name führt nicht zu einer Fehlermeldung — es passiert einfach nichts. Prüfe gegen die Klassen-Übersicht.
Namen, die oft geraten werden und nicht existieren:
| Geraten | Richtig |
|---|---|
t-body--m |
t-text--m |
t-label--xs-light |
t-label--xs u-text--on-dark |
c-btn--accent |
c-btn--primary |
c-card__media-box |
c-card__media |
l-container |
l-section |
u-mb--md |
u-mb--m |
u-mb--2xs |
u-mb--xxs |
3. Der Stil-Reiter überschreibt
Wechsle zum Reiter Stil. Jeder Wert, der dort vom Standard abweicht, gewinnt gegen die Klasse. Elementor zeigt neben geänderten Werten ein Zurücksetzen-Symbol — setze alles zurück, was mit dem Problem zu tun hat.
4. Falsche Ebene
Elementor ist verschachtelt. Eine Layout-Klasse wie l-grid muss am Container stehen, eine Textklasse am Widget.
Öffne den Navigator (Strg+I / Cmd+I) und prüfe im Baum, welches Element markiert ist. Häufig ist es der Container, obwohl das Widget gemeint war — oder umgekehrt.
5. Grundform allein verwendet
Steht im Feld nur c-btn, t-text, t-heading oder t-label, passiert nichts. Das sind interne Bausteine ohne eigenes Aussehen. Es muss immer eine Variante sein: t-text--m.
6. Cache
Die Klasse ist richtig, wirkt aber nicht? Dann liegt eine alte Version im Zwischenspeicher. In dieser Reihenfolge:
- In WordPress: Elementor → Werkzeuge → CSS-Datei neu erzeugen.
- Falls ein Caching-Plugin läuft (WP Rocket, LiteSpeed ä.): Cache leeren.
- Im Browser hart neu laden:
Strg+Shift+Rbzw.Cmd+Shift+R. - Zur Gegenprobe die Seite in einem privaten Fenster öffnen — dort greift kein Browser-Cache.
7. Nur im Editor unsichtbar
Manche Klassen wirken in der Elementor-Vorschau anders als auf der fertigen Seite — besonders solche, die von der Bildschirmbreite abhängen (u-hide--mobile, l-grid, alle fluiden Abstände). Der Editor hat durch die Sidebar eine andere Breite.
Prüfe im Zweifel immer auf der veröffentlichten Seite, nicht im Editor.