Table of Contents
- How to Configure and Style EA Instagram Feed
How to Configure and Style EA Instagram Feed #
EA Instagram Feed allows you to nicely showcase Instagram Feed on your WordPress site. This element gives you the freedom to personalize the Instagram Feed as per your preference with lots of styling options.
Table of Contents: #
- How to Activate Instagram Feed
- How to Configure the Content Settings
2.1. Instagram Account Settings
2.2. Feed Settings
2.3. General Settings
- How to Style Instagram Feed
3.1. Instagram Feed Styles
3.2. Color & Typography
3.3. Load More Button Style
- Final Outcome
1. How to Activate Instagram Feed #
To use this Essential Addons element, find the ‘EA Instagram Feed’ element from the Search option under the ‘ELEMENTS’ tab. Simply just Drag & Drop the ‘EA Instagram Feed’ into the ‘Drag widget here’ or the ‘+’ section.
After you are successfully done with step 1, this is how the element is going to look like.
2. How to Configure the Content Settings #
Under the ‘Content’ tab, you will be able to configure the settings for EA Instagram Feed.
2.1. Instagram Account Settings #
Before you begin, you need to make sure that you have retrieved the necessary API Keys to connect with your Instagram account. If you do not, you can collect the Instagram Access Token from here. After you are done collecting your Access Token, simply just insert it under the ‘Instagram Account Settings’ section in their respective fields. You would be able to view your recent Instagram post once the connection is successfully established.
2.2. Feed Settings #
From the ‘Feed Settings’ section, you are able to change the ‘Instagram Feed Source’. By default it is set to ‘User’ which will retrieve the Instagram Feed of that respective user. Besides, you have the flexibility to use the dropdown ‘Sort By’ to change in which order you want your feed to appear. You can choose from ‘Most Recent’, ‘Least Recent’ and many others.
Moreover, you can set the number of ‘Max Visible Images’ and change the ‘Image Resolution’. You can even use the toggle to enable ‘Force Square Image’. If it’s enabled, you can change its dimension as well.
2.3. General Settings #
From this section, you can change the layout by picking the ‘Number of Columns’ which you want to display for Instagram Feed. If you wish, you can even enable the ‘Load More Button’. Moreover, it gives you the opportunity to hide or display Caption, Like, Comments & Link options.
3. How to Style Instagram Feed #
Switch to the ‘Style’ tab to style all the features of the Instagram Feed.
3.1. Instagram Feed Styles #
From the ‘Instagram Feed Styles’ section, you can set the Padding between the images of your Instagram Feed. You can add Border and change its styling as well.
3.2. Color & Typography #
From ‘Color & Typography’ section, you are able to change the color for ‘Hover Overlay’ of the Instagram Feed. Moreover, you can add styling to ‘Likes & Comments’ & ‘Captions’ by modifying their colors & typographies.
3.3. Load More Button Style
From this section, you can control how you want to the ‘Load More Button’ to be displayed on Normal and Hover view. For each view, you are able to change its text & background color and add styling to its border if you wish.
You can also play around with the Padding and Margin of the Load More Button. Besides, you can even change its typography as well.
4. Final Outcome #
By following the basic steps and a bit more modifying, you can style your Instagram Feed as per your preference.
With the help of EA Instagram Feed, this is how you can easily display your Instagram Feed in an amazing way and grab the attention of your site visitors.
Getting stuck? Feel to Contact Our Support for further assistance.