Change the number of Instagram Feed Images - Studio Theme

Store Design
1

Hello,

I can’t find a way to change the number of Instagram feed images on my website for both desktop and mobile.

Now I have 25 Instagram feed Images on my main page, but I need 8 Images only.

My website is www.noonelikeyouny.com

Thank you for your assistance in advance.

2

Could you please share the app you are using to display your Instagram feed on the website?

If you are using Instafeed ‑ Instagram Feed then you will find textbox with title “Number of rows” set 2 as value and for “Number of Columns” set 4.

3

Thank you for your reply.

I displayed the Instagram feed on my website without an app.

4

Could you please share the code by which you are displaying the Instagram feed?

5
a img{ aspect-ratio: 1/1; object-fit: cover; object-position: center; width: 25%; }

{% schema %}
{
“name”: “Ishi Instagram Block”,
“settings”: ,
“presets”: [
{
“name”: “Ishi Instagram Block”,
“category”: “ishi themes”
}
]
}
{% endschema %}

Thank you for your assistance in advance!

6

Hi,
Replace your code with the below one:

I have added a limit of 8 so it will display only 8 posts.
For more details see this
https://github.com/stevenschobert/instafeed.js


{% schema %}
{
"name": "Ishi Instagram Block",
"settings": [],
"presets": [
{
"name": "Ishi Instagram Block",
"category": "ishi themes"
}
]
}
{% endschema %}
1 Like
7

Thank you so much!!