Structure

Blog section with a three-column Loop Grid querying the latest posts, numbered pagination on.

5 elements, single-column layout. Fully responsive: columns stack on mobile, and colors and typography resolve from your Global Styles.

Works with: Elementor Free · Elementor 3.16 or newer (Flexbox Containers)

About This Component

Posts Grid Loop Section Clean White 030 (catalog id loop-grids-posts-grid-030) builds 5 elements deliberately in single-column form. Nothing in loop-grids-posts-grid-030 is hardcoded: the heading and loop-grid widgets follow Global Styles. loop-grids-posts-grid-030 works wherever an Elementor Pro license is active.

How to use

1. 1.Download the bundle. On a loop grid's page, click Download Bundle. The ZIP holds the grid section, its matching loop item, and INSTRUCTIONS.txt with the exact query configuration preset in the grid. Loop items downloaded on their own import the same way as step 2.
2. 2.Import the loop item FIRST. WP Admin, Templates, Saved Templates, Import Templates: choose the item-*.json file. It files itself under Loop Items because the export carries the loop-item type.
3. 3.Import the grid and connect it. Import the grid-*.json the same way, drop the section into your page from the library's Saved tab, select the Loop Grid widget, and under Layout choose the loop item you imported. The grid fills with your real posts or products.
4. 4.Adjust the query if needed. The grid ships with a preset source (latest posts, products, or portfolio), column count, items per page, and pagination, all documented in the bundle's INSTRUCTIONS.txt. Change any of it in the widget's Query and Layout sections.

⬇ Download Bundle (ZIP): grid + matching loop item + instructionsLoop bundles are part of the paid catalog.

Full guide with troubleshooting: How to Import Elementor Loop Grids and Loop Items