Lo stile hover non viene applicato – ZenBlocks buttonBasic
Conclusione
Se l’hover non si applica, di solito dipende da **valori mancanti nella scheda Hover, Duration a 0 o cache CSS non aggiornata**.
—
Cause
1. **Nessun valore nella scheda Hover**.
2. **Duration della transizione impostata su `0ms`**.
3. **Cache CSS obsoleta**.—
Procedura
### Step 1: verificare la scheda Hover
1. Seleziona il blocco `buttonBasic`.
2. Apri **Impostazioni stile** nella sidebar.
3. Passa alla scheda **Hover**.
4. Controlla che siano impostati i valori (sfondo, testo, bordo, ecc.).### Step 2: verificare la transizione
1. Apri la sezione **Transizione**.
2. Verifica che **Duration** non sia `0ms` (consigliato: `200-400ms`).
3. Verifica **Andamento** (`ease` o `ease-out`).### Step 3: svuotare la cache CSS
1. Testa l’hover nel front-end.
2. Se non cambia, esegui hard refresh (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Controlla `/wp-content/uploads/zenblocks/`.### Step 4: verificare conflitti con animazioni
1. Con animazioni testo/icona attive possono esserci conflitti.
2. Controlla eventuali avvisi nei pannelli.
3. Regola `Duration` e `Delay` per evitare latenza percepita.—
Note
– L’hover va sempre verificato nel front-end, non solo nell’editor.
– Con animazioni + transizioni, i tempi possono sommarsi.
– Con animazione icona attiva, `opacity/visibility` puo essere gestita dal modulo animazione.—
Impostazioni correlate
– [Impostazioni stile](../style/)
– [Testo Impostazioni animazione](../text-animation/)
– [Icon Impostazioni animazione](../icon-animation/)
– [Pulsante Impostazioni animazione](../button-animation/)