Le style au survol ne s'applique pas – ZenBlocks buttonBasic
Conclusion
Dans la plupart des cas, le problème vient de l’un des points suivants : **valeurs manquantes dans l’onglet Hover, Duration à 0, ou cache CSS obsolète**.
—
Causes
1. **Aucune valeur dans l’onglet Hover** : le panneau Style utilise deux états (`Default` / `Hover`). Sans valeur côté Hover, aucun changement visuel ne peut se produire.
2. **Duration réglé sur `0ms`** : la transition devient imperceptible (ou non appliquée selon le navigateur).
3. **Cache CSS non actualisé** : ZenBlocks génère et met en cache le CSS front-end. Si le cache n’est pas régénéré, l’ancien style reste affiché.—
Procédure
### Étape 1 : vérifier l’onglet Hover
1. Sélectionnez le bloc `buttonBasic`.
2. Ouvrez **Paramètres de style** dans la barre latérale.
3. Passez sur l’onglet **Hover**.
4. Vérifiez que les propriétés à modifier (couleur de fond, texte, bordure, etc.) ont bien une valeur.
5. Si un champ est vide, renseignez-le.### Étape 2 : vérifier la transition
1. Ouvrez la section **Transition**.
2. Vérifiez que **Duration** n’est pas `0ms` (recommandé : `200–400ms`).
3. Vérifiez **Easing** (`ease` ou `ease-out` recommandé).
4. Si besoin, utilisez **Reset** pour revenir aux valeurs par défaut.### Étape 3 : vider le cache CSS
1. Testez le survol en front-end.
2. Si rien ne change, videz le cache navigateur (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Vérifiez ensuite le dossier de cache CSS ZenBlocks : `/wp-content/uploads/zenblocks/`.### Étape 4 : vérifier les conflits avec les animations
1. Si **Animation de texte** ou **Animation d’icône** est activée, il peut y avoir conflit avec la transition de style.
2. Vérifiez les messages d’avertissement éventuels dans les panneaux concernés.
3. Vérifiez que la combinaison `Duration` / `Delay` ne crée pas une latence perçue trop longue.—
Points d’attention
– Le survol ne se valide pas correctement dans l’éditeur : vérifiez toujours en front-end.
– En combinant animation de texte et transition de style, les durées peuvent se cumuler.
– Si l’animation d’icône est active, l’opacité/visibilité de l’icône peut être pilotée prioritairement par la couche animation.—
Paramètres liés
– [Paramètres de style](../04-style-settings.md) – Onglets `Default/Hover`, transition
– [Paramètres d’animation de texte](../15-text-animation-settings.md) – Effets de texte au survol
– [Paramètres d’animation d’icône](../16-icon-animation-settings.md) – Effets d’icône au survol
– [Paramètres d’animation du bouton](../18-button-animation-settings.md) – Effets globaux du bouton au survol