Ein Symbol anzeigen, wenn der Mauszeiger über ein Foto oder Video bewegt wird

Um ein Symbol anzuzeigen, wenn Sie den Mauszeiger über ein Foto oder Video bewegen, fügen Sie die folgende CSS-Datei zu Ihrem bevorzugten benutzerdefinierten CSS-Speicherort oder Stylesheet hinzu. Eine Möglichkeit ist die standardmäßige zusätzliche CSS-Position, die Sie unter WordPress-Dashboard > Erscheinungsbild > Anpassen > Zusätzliches CSS.

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

Sie können das Symbol in ein beliebiges hier aufgeführtes Symbol ändern. Um das Symbol zu ändern, können Sie das folgende JavaScript zu Ihrer Website hinzufügen. Dies kann manuell mit einem benutzerdefinierten JavaScript-Plugin erfolgen. Weitere Informationen finden Sie in unserer Dokumentation hier.

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

Sie können ändern fa-arrows-alt im obigen Schnipsel ein beliebiges der in der Liste aufgeführten Symbole sein. Zum Beispiel:

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

Unterstützung

Konnten Sie die Antwort nicht in den Dokumenten finden?

Kontakt zum Support

War dieser Artikel hilfreich?