![]() ![]() Tap the menu button (the three horizontal bars) at the top left of your screen and select your Instagram account. This article contains the following sections: New Instagram images will be added to your gallery automatically.Īnd that’s building a grid-based Instagram gallery in the Webflow designer.□ Looking for the desktop version of the Shop Grid article? Lastly, you can style your grid to best fit each breakpoint. Exit grid edit mode by pressing ESC or clicking Done on the canvas.Select each row (including the automatic row) in the Style panel and set its size to 1FR.How to make your grid row height consistent Click the color swatch and change the opacity by setting the alpha channel (e.g., 40%).Click the “ plus” icon next to Box shadows.Now, you can add realism to your frames with a first shadow: Add padding (e.g., 35 px) on all 4 sides.Drag the previously added image element into the div block.Give the div block a class (e.g., “Frame”).Drag a div block inside the Lightbox link.Here’s where you can style your grid and give your pictures a “picture frame” look. Give the lightbox group a name (e.g., “Instagram”).Go to Element settings panel > Lightbox settings.Click the placeholder image inside the lightbox. ![]() Drag a lightbox element into any of the items in the Collection list. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |