Affichage d'une icône lors du survol d'une photo ou d'une vidéo

Le code CSS personnalisé qui affiche une icône lorsqu'un visiteur passe la souris sur une photo ou une vidéo dans votre flux.

Pour afficher une icône au survol d'une photo ou d'une vidéo, ajoutez la feuille de style CSS suivante à votre emplacement CSS personnalisé ou à votre feuille de style. L'une des options est l'emplacement CSS supplémentaire par défaut qui se trouve à l'adresse suivante Tableau de bord WordPress > Apparence > Personnaliser > CSS supplémentaire.

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

Vous pouvez changer l'icône pour n'importe quelle icône listée ici. Pour changer l'icône, vous pouvez ajouter le JavaScript suivant à votre site. Cette opération peut être effectuée manuellement à l'aide d'un plugin JavaScript personnalisé. Pour plus d'informations, consultez notre documentation ici.

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

Vous pouvez modifier fa-arrows-alt dans l'extrait ci-dessus pour être n'importe quelle icône de la liste. Par exemple :

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

Vous n'avez pas trouvé votre réponse dans la documentation ?

Contacter le support