The Instagram Feed Module in Divi 5¶

Overview¶

Setting	Type	Description
Green Plus		reen Plusiconto insert aRow.
Gray Plus		Gray Plusiconinside the Row, which will show the list of all available Divi modules.
Instagram module		m moduleand click on it to load it. Alternatively, you can use the Search option to find it.
Account		Connect the Instagram accountwhose posts you want to display.
Feed		Control how many Instagram posts the module will display.
Content tab → Account		→ Account.
Add button		dd button.
Instagram Access token		ess token.
Submit		theSubmitbutton.
Content
Design
Advanced

Setting	Type	Description
Account		Connect the Instagram account whose posts you want to display.
Feed		Choose how many Instagram posts the module displays.
Link		Make the entire Instagram Feed module clickable, creating a seamless way to direct users to another page, section, or external site.
Button		Choose to display the Follow Us on Instagram button and the button's text.
Elements-		Choose which other module should be nested inside the Instagram Feed module.
Background		Choose the Instagram Feed module's background styles.
Meta		Choose the Instagram Feed module's Label text and force its Visibility inside the Visual Builder.

Setting	Type	Description
Layout		Choose between the Block and Flexbox layout.
Image		Choose the desing styles applied to each image in the feed.
Button		Choose the Follow us button's desing styles.
Feed		Choose the feed's desing styles, including the layout, background, sizing, spacing, and more.
Item		Choose the feed's individual item (images) such as background, sizing, spacing, and more.
Sizing		Choose the Instagram Feed module's sizing.
Spacing		Choose the Instagram Feed module's spacing.
Border		Choose the Instagram Feed module's border styles.
Box Shadow		Choose the Instagram Feed module's Box Shadow styles.
Filters		Choose the Instagram Feed module's filters, such as hue shifts, saturation changes, and blending modes.
Transform		Choose the Instagram Feed module's advanced design effects, such as scaling, rotating, skewing, and translating.
Animation		Choose the Instagram Feed module's animation styles.

Setting	Type	Description
Attributes		Assign a CSS ID, reusable CSS classes, or custom HTML attributes to the element.
CSS		Add custom CSS to fine-tune the Instagram Feed module.
HTML		Choose the semantic HTML tag for the Instagram Feed module.
Conditions		Display the Instagram Feed module dynamically based on rules you set, so the right content reaches the right audience.
Interactions		Create custom interactions, such as showing or hiding the Icon List module, and many more.
Visibility		Choose the Instagram Feed module's visibility across different devices.
Transitions		Choose how long the Instagram Feed module's animations take.
Position		Control the placement of the Instagram Feed module precisely.
Scroll Effects		Control how the Instagram Feed module behaves and transforms during scrolling.
Save		k on theSavebutton.
Exit		k on theExitbutton.