Alternate Instagram Feed

If you are having issues with the standard WP Instagram Widget included with Analogue, here are some steps you can use to install an alternate plugin.

Install

Go to Appearance > Plugins > Add New and search and install the Instagram Feed plugin by Smash Balloon.

Configure

Connect your Instagram account following the steps under the “Instagram Feed” tab of your WordPress dashboard

COnnect IG account.png

Customize Settings:

Click on the “Customize” tab and set the following:

  • Number of Photos: 6

  • Number of Columns: 3

  • Padding around Images: 0px

  • Disable mobile layout: checked

Widget

Go to Appearance > Widgets and add the Custom HTML widget to the Instagram Footer widgetized Area

Paste the following shortcode, then save changes:

[instagram-feed showheader=true showbutton=false showfollow=false]
IG_widget.png

CSS

Go to Appearance > Customize > Additional CSS and paste the following snippet:

/*Updated Instagram Footer*/
#prefooter-ig #sb_instagram .sb_instagram_header {
  visibility: hidden;
  height: 0;
  margin: 0;
}

#prefooter-ig .widget_custom_html h3.widget-title {
  background: #fff;
  padding: 0.7em 1.15em;
  text-align: center;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
 -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
}

#sb_instagram .sbi_photo img {
    display: block!important;
    visibility: hidden;
}

Save your changes, you are done!

Station SevenComment