I work in instafeed.js and I want to display the part of the caption on our website. How can I do this? The code of the embedded instagram is:
<script type="text/javascript">
var userFeed = new Instafeed({
get: 'user',
target: "instafeed-container",
resolution: 'standard_resolution',
limit:9,
accessToken: 'here is myn instagram access good',
template: '<div class="instafeed-container" style="float:left; width: 33%;"><a href="{{link}}" target="_blank"><img id="images" title="{{caption}}" src="{{image}}" /><p for="images">"{{caption}}" </p></a></div>',
templateBoundaries: ['{{','}}']
});
userFeed.run();
</script>
Everything is done; only one issue remains, which is to display the part of the caption on the website, not all the caption. How should I do this? And how can I make it mobile responsive?