Docs    Instagram    Customizations

Vertically center Instagram caption on hover

To vertically center the Instagram caption text when hovering over a post, just use the following snippet.

Add this to the plugin’s Custom JavaScript section (Instagram Feed > Customize > Advanced > Custom JavaScript):

$('.sbi_hover_top').each(function(){
  var $self = $(this);
  $self.css({
    'position' : 'absolute',
    'top' : ( $self.parent().height() - $self.height() ) / 2
  });
});

Technical Support

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

Open a support ticket