Mostrar un icono al pasar el ratón por encima de una foto o un vídeo

Para mostrar un icono al pasar el ratón por encima de una foto o un vídeo, añade el siguiente CSS a la ubicación CSS personalizada u hoja de estilos que prefieras. Una opción es la ubicación CSS adicional predeterminada que se encuentra en Panel de WordPress > Apariencia > Personalizar > CSS adicional.

#cff .cff-photo-hover .fa{ display: block; }

Puede cambiar el icono por cualquiera de los que aparecen aquí. Para cambiar el icono, puede añadir el siguiente JavaScript a su sitio. Esto puede hacerse manualmente usando un plugin JavaScript personalizado. Para más información, consulte nuestra documentación aquí.

$('#cff .cff-photo-hover .fa').attr('class', 'fa fa-arrows-alt').show();

Puede cambiar fa-arrows-alt en el fragmento anterior para que sea cualquiera de los iconos mostrados en la lista. Por ejemplo:

$('#cff .cff-photo-hover .fa').attr('class', 'fa fa-plus-circle').show();

soporte

¿No ha encontrado la respuesta en los documentos?

Contacto

¿Le ha resultado útil este artículo?