Display photo caption when hovering over photo

Version 6.0 and above

To do this use the checkboxes in the ‘Information to display’ setting to choose which information to show when hovering over a photo. You can find this in the following location: Instagram Feed > All Feeds > Feed settings (pencil icon) > Customize tab > Posts > Hover State.

Below version 6.0

To do this in version 2.0 and above simply use the checkboxes in the ‘Information to display’ setting to choose which information to show when hovering over a photo. You can find this in the following location: Instagram Feed > Customize > Photo Hover Style > Information to display

info-to-display-setting

Below version 2.0 (legacy)

To achieve this just add the following snippet to the plugin’s Custom JavaScript section, which is on the plugin’s Customize page:

$('.sbi_item').each(function(){
  if( $(this).find('.sbi_caption_hover').length == 0 ) $(this).find('.sbi_link').append('<p class="sbi_caption_hover" style="padding: 10px;">'+$(this).find('.sbi_caption').text()+'</p>');
});
$('.sbi_caption, .sbi_expand, .sbi_username').hide();

support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?