Instagram Feed: Video posts got new type of preview images

Changelog Improved
1

We are happy to announce that now we use a new type of preview images in video posts of our Instagram Feed!

Previously, we used thumbnail type images, which could be cropped to a 1/1 aspect ratio. The new type of images maintains the original aspect ratio, and also has a higher resolution.

Note: There are no visual changes in the widget, the images get cropped by default. However, now we’ve got an option to use CSS code to make these video post previews display in their original view.


Here is the CSS code you should add to the Custom CSS field on the Style tab of your widget settings:

.eapps-instagram-feed-posts-item-image-wrapper {
 background-color: #000;
}

img.eapps-instagram-feed-posts-item-image {
 top: 0 !important;
 transform: translateX(-50%) !important;
 height: 100% !important;
 width: auto !important;
}
1 Like
2

This works great, but how to remove the white space between the images now, so they still show in a seamless grid format?

CleanShot 2024-01-05 at 18.28.51@2x
CleanShot 2024-01-05 at 18.28.51@2x1920×1114 201 KB

1 Like
3

Welcome to the Community @Sean_Toole :wave:

We’ve adjusted the code for you:

.eapps-instagram-feed-posts-item-image-wrapper {
  background-color: #000;
}
img.eapps-instagram-feed-posts-item-image {
  top: 0 !important;
  transform: translateX(-50%) !important;
  height: 100% !important;
  width: auto !important;
}

.eapps-instagram-feed-posts-item-image-wrapper {
  padding-top: 126%;
}

Check it out and let me know if it helped :slightly_smiling_face: