The images in my posts are distorted, there is white space or parts are cut off

By default, our plugin creates square cropped and centered photos for each post. There are a few reasons that this may not look exactly as you need. Below are a few scenarios and ways to fix them.

1) I want my images displayed as squares but there is added whitespace on some

When you upload your photos to Instagram, you can indicate if they are meant to be uploaded as portrait or landscape. Otherwise Instagram might add their own white space to force the images to look square.

This is uploaded as “landscape” so Instagram doesn’t include any whitespace:
portrait-instagram

This isn’t uploaded as landscape and so Instagram adds whitespace to the top and bottom of it to make it a square:
whitespace-added-instagram

You can use this link from instagram.com for directions on correcting this: https://help.instagram.com/1469029763400082

2) My posts are cut-off in the feed and I want the full image displayed

If you have images that need to be displayed in their original aspect ratios, you can use the following custom javascript:

$('#sb_instagram .sbi_photo').each(function(){
var $self= $(this),
photoHeight = $self.find('img').eq(0).innerHeight();
photoWidth = $self.find('img').eq(0).innerWidth();

if(photoHeight > photoWidth) {
$self.css('background-size', 'auto 100%');
} else {
$self.css('background-size', '100% auto');
}
});

You can save this in the Instagram Feed Settings page, “Customize” tab, near the bottom in the “Custom JavaScript” area.