Image dimensions

Hey Ed,

By default our plugin should crop and center all of the images into a perfect square. I’m wondering if you are hoping that you could display them in their original aspect ratios like they are in the link you gave. You could do this with some custom javascript. You can enter this by going to the Settings page, “Customize” tab, and scrolling down to the “Custom Javascript” area. Paste and save this code:

$('#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');
    }
});

It’s definitely possible that I am not understanding you fully so let me know if this isn’t what you meant.

I hope you are having a great day!

– Craig

Thanks for the quick response. I would like them to be perfect squares but they are not doing this for me….i would like them to be like your example: https://cl.ly/263Q3e25362O

but mine will not do this even when selecting the medium or large dimension within the plugin settings…mine are showing up like this https://cl.ly/3Q453Q080i2w

Hey Ed,

I’m wondering if you had some whitespace added to those images when you uploaded them to Instagram. Could you take a look at them on Instagram to see if they also have whitespace in them when viewing them.

If this is the case you would need to try uploading the images as “landscape” or “portrait” so that the white space isn’t added to them. To illustrate the point, you can take a look at these links:

This is uploaded as “landscape” so Instagram doesn’t include any whitespace: https://www.instagram.com/p/_wyovnEoHu/?taken-by=lexihannah.art

This isn’t uploaded as landscape and so Instagram adds whitespace to the top and bottom of it to make it a square: https://www.instagram.com/p/9uNgMNFxqX/

Try looking into this and see if that is what is going on.

Thanks,

Craig

Thanks…it was the white spaces around the images…looks awesome now…thanks so much!!

Great! Glad it is looking good now.

Also, no obligation, but if you like the plugin and wanted to leave a review we always appreciate it!

Thanks again,

Craig