Differences

This shows you the differences between two versions of the page.

--- instagram_feeds [2023/02/01 02:38] – thehort
+++ instagram_feeds [2023/02/26 17:01] (current) – thehort
@@ Line 2: / Line 2: @@
 The [[https://smashballoon.com/instagram-feed/|Smash Balloon Instagram Feed]] plug-in is utilized to connect Instagram to The Hort's website and manage most aspect of the display of the feed. You may refer to [[https://smashballoon.com/docs/instagram/|their documentation]] for establishing and controlling feeds.
-The Instagram Feed block element is custom to The Hort's website and allows you to add a title, description, and background image and/or color to the feed. In the right hand inspector, there is a field called ''Shortcode Settings'' fields that allows you to change and add the shortcode data. If you're using [[https://smashballoon.com/doc/display-multiple-instagram-feeds/|multiple feeds]], you will need to update this field with the feed id that you wish to display.
+The **Instagram Feed** block element is custom to The Hort's website and allows you to add a title, description, and background image and/or background color to the feed. In the right hand inspector, there is a field called ''Shortcode Settings'' that allows you to change and add the shortcode data. If you're using [[https://smashballoon.com/doc/display-multiple-instagram-feeds/|multiple feeds]], you will need to update this field with the feed id that you wish to display.
+Please note that the feed will not display in the live preview in the content area and in order to preview the feed, you must use the Preview in the top right corner of the screen.
+==== Display Examples ====
+Three posts display at larger screen sizes:
+{{:screenshots:instagram-desktop.png?800|}}
+Two posts display at larger screen sizes:
+{{:screenshots:instagram-tablet.png?450|}}
+One post display at larger screen sizes:
+{{:screenshots:instagram-mobile.png?250|}}