写真やビデオにカーソルを合わせたときにアイコンを表示するには、以下のCSSを お好みのカスタムCSSの場所またはスタイルシートに 追加してください。 デフォルトの追加CSSの場所は以下のとおりです。 WordPressダッシュボード > 外観 > カスタマイズ > スタイルシート 追加CSS.
#cff .cff-photo-hover .fa{ display: block; }
アイコンは、ここに記載されているアイコンに変更することができます。アイコンを変更するには、以下のJavaScriptをサイトに追加します。これはカスタムJavaScriptプラグインを使用して手動で行うことができます。詳しくはこちらのドキュメントをご覧ください。
$('#cff .cff-photo-hover .fa').attr('class', 'fa fa-arrows-alt').show();
変更可能 fa-arrows-alt 上のスニペットで、リストに表示されているアイコンのいずれかを指定する。例えば
$('#cff .cff-photo-hover .fa').attr('class', 'fa fa-plus-circle').show();
