Docs    Instagram    Customizations

How Can I Show the Original Aspect Ratio?

Version 6.0 and above

Using the Masonry Layout

You can display images in their original aspect ratio using the masonry layout. To use this layout, go to Instagram Feed > All Feeds > (click name or pencil icon to edit feed) > Feed Layout and choose Masonry under Layout and click Save.

Using CSS

If you have images that need to be displayed in their original aspect ratios, you can add the following to your preferred custom CSS location or stylesheet. One option is the default additional CSS location found at WordPress Dashboard > Appearance > Customize > Additional CSS.

#sb_instagram .sbi_photo {
    height: auto !important;
    background: none !important;
}
#sb_instagram .sbi_photo img {
    display: block !important;
}

Below version 6.0

Using the Masonry Layout (version 3.0 of the pro version and above)

As of version 3.0 of the “Pro” plugin you can display images in their original aspect ratio using the masonry layout. Posts will be displayed in columns with no whitespace between them. Enable this in the Layout area of the Customize tab on the settings page or add this to your shortcode [instagram-feed layout=masonry]

Using CSS

If you have images that need to be displayed in their original aspect ratios, you can add the following to the plugin’s Custom CSS section (Instagram Feed > Customize > Misc):

#sb_instagram .sbi_photo {
    height: auto !important;
    background: none !important;
}
#sb_instagram .sbi_photo img {
    display: block !important;
}

support

Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?