Mostrar um ícone ao passar o rato sobre uma fotografia ou vídeo

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();

apoio

Não encontrou a sua resposta nos documentos?

Apoio ao contacto

Este artigo foi útil?