Adjusting the size of thumbnails
While working on your Instagram Feed widget's appearance, you may want to make the thumbnails bigger or smaller. This article explains how you can achieve that.
In this article
Changing Thumbnails' Sizes
The Instagram Feed widget doesn't have a built-in setting to make the size of thumbnails larger. However, it is auto-responsive, which means that it calculates its size according to the size of the container you've placed it in.
What you can do to change the sizes in the widget
- 1
-
You can adjust the size of the widget and the thumbnails in it using the container on your website. Simply place the widget in a larger or smaller container, and the thumbnails will follow.
- 2
-
Another way to adjust the size of the thumbnails is to adjust the number of columns and rows. The fewer columns and rows there are, the larger the thumbnails, and vice versa.
To adjust this, go to the Layout tab → Columns and Rows, click Manual, and set the number of columns and rows you need. -
For smaller screens, use Mobile Optimization to define how many columns and rows should be shown on different devices:
-
Here you can set the window width in pixels, the number of rows and columns for your feed, and the spacing between posts. The responsive breakpoints option is very flexible, so that you can set several breakpoints for any screen size. However, here are our recommendations for optimal kinds of breakpoints:
- 1024 (for tablets with landscape orientation) - works best with 3 or 4 columns.
- 768 (for tablets with portrait orientation) - works best with 2 or 3 columns.
- 480 (for mobile phones) - for 1 or 2 columns.
Setting Up Aspect Ratio
You can also adjust the thumbnail size by changing its aspect ratio. Our widget provides a special setting that controls the height-to-width proportion of each image.
To edit it, go to the Post tab → Image Aspect Ratio and choose from the following options:
- 1:1 (Classic) – standard square thumbnails;
- 4:5 (New) – taller thumbnails, used in Instagram's new layout.
The thumbnail size will change depending on the selected ratio.
We hope this article will help you adjust the appearance of the widget to your liking!