instafeed.js | A simple Instagram JavaScript plugin for your website | REST library

So I need to show only one Instagram picture, which is the newest picture from the Instagram account. This HTML code shows all the pictures the account has.

I am using the JavaScript project, Instafeed.js to output an Instagram profile onto my website.

The project allows you to create HTML templates using a moustache style template.

I want to remove all hashtags from the Instagram posts's caption.

Here is the code on my webpage. In Instafeed.js Instagram feed options are referenced using {{image}}, {{timestamp}}. {{caption}}, etc...

Everything worked fine until I started trying to remove the hashtags with regexp.

Does instafeed.js only work with an active website? I'm trying to add my friends instagram photos to the website I'm creating for him but the website is not yet 'live/active' so I feel this must be the reason why it's not working.

Does the instafeed.js work in test mode?

I have been using instafeed on a few projects over the past years, all without to many issues. With Instagrams new API requirements im running into some issues and any help would be just super -

So far I have set up the basic API accsess (generated my ID and accsessToken) -

(so I have completed the docs here - https://developers.facebook.com/docs/instagram-basic-display-api/getting-started)

Im now trying to get my ClientID but cannot seem to find where to do this (given that this chnage is new, allot of the infomation I find online refers to the old way of doing this, which was from:

https://www.instagram.com/developer/clients/register/

However this now returns:

New registrations not supported anymore)

So questions (and again any help here would be really appreciated) -

1) Can you still use instafeed js to show your instagram posts on your site (with all these chnages to the API is it still valid for new accounts)

2) How can I now generate a ClientID?

i.e. (this is from instafeed.js)

Currently using the old instagram API (deprecating in 2020) with instafeed.js it is easy to generate a blog type website fetching from the clients instagram website using an access_token. What I am trying to do is a website, only fetching the costumers posts from instagram displayed in a costume theme and using information from their facebook page for about, imprint and contact sections.

In a Nutshell what I am doing tih the old Instagram API

Im using the Instafeed script to get the instagram feed and display it on my page. See GitHub. You can see it working live on my page (bottom side)

It's work's, the only problem is that the script get the 150x150 thumb resolution, and I want the 250x250px because I want to make the custom height to 210px (Using the max-height and width auto on the CSS img class).

I'm using CSS Grid to display all the photos pulled in by instafeed.js. It works for the first set of photos perfectly, but when I add a "Load More..." button using the next() function it entirely breaks the grid layout.

The image shows the first red box which are the initial images that load fine then a second red box which are the images that load when using next().

I have a Instafeed JS code that basically displays my latest posts on my site, but the issue that I'm coming across is that my unordered list circles are popping up when their not supposed to.

Here is the live preview (http://www.eventsinstlouis.com/promote.html/) and hover over one of the pictures and you will see the unordered list circles pop up.

Could I replace the ul and li tags with div and still keep the same formatting?

Here is what it currently looks like:

I believe the answer lies within:

I have a modal that I am successfully opening with a button: