The Grid - not displaying full images instagram feed

Support
#1

Hi!

I added my instagram feed in the grid on my website, but the displayed images can not be fully seen. Its like there is a zoom on each of the images, or some kind of padding that cuts the pictures off.

my website is zencompany.nl

I will send the login credentials in a secure note

thanks!!
Aida

#2

Hi,

Try to adjust item ration in your Grid settings.

I adjusted it to be 6:3 and that seems to have fix the issue.

Kindly check in your end.

Thanks

#3

Thank you for your reply.
This actually makes the grid and the pictures huge. What I need is to be able to display the full square pictures like they are on instagram, but not making it huge. It should be small squares like it is now, or little smaller would also be ok.
I will attach a photo example.

Thanks!
Aida

#4

Also, I noticed when I am logged in I see smaller grid then when I am logged out. Logged out I see huge grid with tall pictures, now it cuts something off on the sides and adds on top and bottom…

I hope you can help me just display the normal instagram square without making the grid look huge on my website… It should be visible but not too much in your face…

Thanks!
Aida

#5

Hello Aida,

The images were displayed according to your grid skin layout settings. At the moment, the images were set as a background images and set to cover the whole square which made it a little bit zoomed in. I went ahead and added this custom css instead to resolve your issue.

#grid-75 .tg-item-media-inner .tg-item-image {
    background-size: contain;
}

Please check your site now.

#6

Thank you for your reply! It looks so much better!
Is it also possible to have the grid screens be smaller as well and close to each other like the example above?
regards,
Aida

#7

Hello Aida,

You can change the number of items in different screens as well as the spacing between the items.
Simply edit your grid and in the Grid tab find the Columns/Rows setting as shown below:

Hope this helps. Please let us know how it goes.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.