Para apresentar um ícone ao passar o rato sobre uma fotografia ou um vídeo, adicione o seguinte CSS à sua localização CSS personalizada ou folha de estilos preferida. Uma opção é o local CSS adicional padrão encontrado em Painel de controlo do WordPress > Aparência > Personalizar > CSS adicional.
#cff .cff-photo-hover .fa{ display: block; }
Pode alterar o ícone para qualquer ícone listado aqui. Para alterar o ícone, pode adicionar o seguinte JavaScript ao seu site. Isto pode ser feito manualmente utilizando um plugin JavaScript personalizado. Para mais informações, consulte a nossa documentação aqui.
$('#cff .cff-photo-hover .fa').attr('class', 'fa fa-arrows-alt').show();
É possível alterar fa-arrows-alt
no snippet acima para ser qualquer um dos ícones mostrados na lista. Por exemplo:
$('#cff .cff-photo-hover .fa').attr('class', 'fa fa-plus-circle').show();
