Hover-Stil wird nicht angewendet – ZenBlocks buttonBasic
Fazit
Wenn Hover nicht sichtbar ist, liegt es meist an einem dieser Punkte: **kein Wert im Hover-Tab, Duration auf 0 oder veralteter CSS-Cache**. Pruefen Sie die folgenden Schritte der Reihe nach.
—
Ursachen
1. **Im Hover-Tab ist kein Wert gesetzt**: Ohne Hover-Werte gibt es keine sichtbare Aenderung.
2. **Übergang-Duration ist `0ms`**: Der Effekt ist nicht sichtbar oder wird je nach Browser nicht wie erwartet angewendet.
3. **CSS-Cache ist veraltet**: Nach Aenderungen wird weiterhin alter Frontend-CSS ausgegeben.—
Loesung
### Schritt 1: Hover-Tab pruefen
1. `buttonBasic`-Block auswaehlen.
2. Im Sidebar-Panel **Stileinstellungen** oeffnen.
3. Auf **Hover** wechseln.
4. Pruefen, ob Werte fuer Hintergrund, Text, Rahmen usw. gesetzt sind.
5. Fehlende Werte eintragen.### Schritt 2: Übergang pruefen
1. Abschnitt **Übergang** oeffnen.
2. Sicherstellen, dass **Duration** nicht `0ms` ist (empfohlen: `200-400ms`).
3. **Beschleunigung** pruefen (`ease` oder `ease-out` empfohlen).
4. Falls noetig, mit **Zurücksetzen** auf Standard zuruecksetzen.### Schritt 3: CSS-Cache leeren
1. Hover im Frontend testen.
2. Browser-Cache hart neu laden (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Falls noetig, Dateien in `/wp-content/uploads/zenblocks/` pruefen.### Schritt 4: Konflikte mit Animationen pruefen
1. Bei aktiver Text-/Icon-Animation kann es Konflikte mit Übergang geben.
2. Hinweise im jeweiligen Panel pruefen.
3. Duration/Delay-Kombinationen auf gefuehlte Verzoegerung pruefen.—
Hinweise
– Hover-Verhalten immer im Frontend pruefen, nicht nur im Editor.
– Bei Kombination von Animation und Übergang koennen Verzoegerungen addiert werden.
– Bei aktiver Icon-Animation kann deren CSS Prioritaet bei `opacity/visibility` haben.—
Verwandte Einstellungen
– [Stileinstellungen](../style/) – Standard/Hover und Übergang
– [Textanimationseinstellungen](../text-animation/) – Hover-Effekt fuer Text
– [Symbolanimationseinstellungen](../icon-animation/) – Hover-Effekt fuer Icons
– [Knopf-Animationseinstellungen](../button-animation/) – Hover-Effekt fuer den ganzen Knopf