Docs    Facebook    Customizations

Display an icon when hovering over a photo or video

To display an icon when hovering over a photo or video, add the following to the plugin’s Custom CSS section (Facebook Feed > Customize > Misc > Custom CSS):

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

You can change the icon to be any icon listed here. To change the icon, simply add the following to our plugin’s Custom JavaScript section (Facebook Feed > Customize > Misc > Custom JavaScript):

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

You can change fa-arrows-alt in the snippet above to be any of the icon shown in the list. For example:

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

Technical Support

Still have questions? We are here to help you succeed.

Open a support ticket