Geh diese fünf Punkte der Reihe nach durch. In den meisten Fällen ist es Nummer 1 oder 3.
1. Schreibweise prüfen
Ein falscher Klassenname erzeugt keine Fehlermeldung — es passiert schlicht nichts. Typische Fälle:
- Punkt am Anfang:
.t-heading--lstattt-heading--l - Ein Strich statt zwei:
t-heading-l - Falsches Größenkürzel:
u-mb--mdstattu-mb--m - Groß-/Kleinschreibung: Klassennamen sind komplett klein
Sicherste Methode: Namen eintippen und aus der Vorschlagsliste auswählen, statt ihn zu Ende zu schreiben. Steht der Name nicht in der Liste, gibt es die Klasse nicht.
2. Falsche Ebene erwischt
Layout-Klassen (l-) wirken am Container, Textklassen (t-) am Element selbst. Öffne die Struktur-Ansicht und prüfe, welches Element wirklich markiert war, als du die Klasse vergeben hast.
3. Ein Wert steht in der lokalen Klasse
Öffne den Reiter Stil und schau ins Feld Klassen: Ist local markiert und trägt Einstellungen, gewinnt sie. Die lokale Klasse steht in der Rangfolge über jeder Global Class — deine Klasse ist dann zwar vergeben, wird aber überstimmt.
Elementor zeigt neben jeder Eigenschaft einen kleinen Punkt an, der die Herkunft des Werts markiert: pink für die lokale Klasse, grün für eine Global Class, grau für geerbt, orange bei einem Konflikt. Ein Klick auf den Punkt zeigt, welche Klasse den Wert liefert.
Setz die lokal gesetzten Werte zurück, die mit deinem Problem zu tun haben.
4. Zwei Klassen widersprechen sich
Trägt das Element zwei Klassen, die dieselbe Eigenschaft setzen, entscheidet die Reihenfolge im Klassen-Manager — nicht die Reihenfolge im Feld. Typischer Fall: zwei Varianten derselben Familie, etwa c-btn--primary c-btn--secondary. Eine davon entfernen.
5. Cache
Sieht es im Editor richtig aus und auf der veröffentlichten Seite nicht, ist es fast immer der Cache. Was dann zu tun ist.