El estilo hover no se aplica – ZenBlocks buttonBasic
Conclusion
Si el hover no se refleja, normalmente se debe a **valores sin configurar en la pestana Hover, Duration en 0 o cache CSS desactualizada**.
—
Causas
1. **No hay valores en la pestana Hover**.
2. **La Duration de transicion esta en `0ms`**.
3. **La cache CSS mantiene estilos antiguos**.—
Procedimiento
### Paso 1: revisar la pestana Hover
1. Selecciona el bloque `buttonBasic`.
2. Abre **Configuración de estilo** en la barra lateral.
3. Cambia a la pestana **Hover**.
4. Verifica valores de fondo, texto, borde, etc.### Paso 2: revisar transicion
1. Abre la seccion **Transición**.
2. Comprueba que **Duration** no sea `0ms` (recomendado: `200-400ms`).
3. Comprueba **Suavizado** (`ease` o `ease-out`).### Paso 3: limpiar cache CSS
1. Prueba en front-end.
2. Si no cambia, fuerza recarga (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Revisa `/wp-content/uploads/zenblocks/`.### Paso 4: revisar conflictos con animaciones
1. Si hay animacion de texto/icono activa, puede interferir con transiciones.
2. Revisa advertencias en los paneles.
3. Ajusta `Duration`/`Delay` para evitar latencia percibida.—
Puntos de atencion
– El hover debe validarse en front-end, no solo en editor.
– Combinar animaciones y transiciones puede sumar retrasos.
– Con animacion de icono activa, `opacity/visibility` puede quedar controlado por ese modulo.—
Ajustes relacionados
– [Configuración de estilo](../style/)
– [Texto Configuración de animación](../text-animation/)
– [Icon Configuración de animación](../icon-animation/)
– [Botón Configuración de animación](../button-animation/)