--- title: "How to Show Blog Posts in Metro Layout in Elementor?" url: https://theplusaddons.com/docs/show-blog-posts-in-metro-layout-in-elementor/ date: 2023-05-04 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want a magazine-style blog page, where some posts get big tiles and others small ones? That is a metro layout. The Blog/Post Listing widget in The Plus Addons..." image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Show-Blog-Posts-in-Metro-Layout-in-Elementor_-1024x536.jpg word_count: 381 --- # How to Show Blog Posts in Metro Layout in Elementor? ## - The Blog/Post Listing widget in The Plus Addons for Elementor builds a metro layout from preset patterns after the user sets Content > Layout to Metro. - The free version offers 3 metro columns and 1 pattern, while 4, 5, and 6 columns, more patterns, Custom layout, and Tablet Responsive are Pro. - Metro tiles repeat by position rather than post importance, and the layout is built around featured images so posts look best when every post has one. Do you want a magazine-style blog page, where some posts get big tiles and others small ones? That is a metro layout. The Blog/Post Listing widget in The Plus Addons for Elementor builds it from a set of preset patterns. *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#blog-post-wgts) ## Before You Start - **Edition:** Free, with three columns and one pattern. Four, five and six metro columns, more patterns and the tablet settings are Pro.- **Widget to enable:** Blog/Post Listing, switched on under **ThePlus Settings > Widgets**. ## Step 1: Add the widget and choose Metro Drag the **Blog/Post Listing** widget onto the page. In **Content > Layout**, set **Layout** to **Metro**. ![The Layout control in the Blog Listing panel with Metro selected](https://theplusaddons.com/wp-content/uploads/2026/09/tp-blog-listout-layout-wide-metro.webp) ## Step 2: Choose columns and a pattern Open **Content > Columns Manage**. Metro replaces the usual column controls with its own: - **Metro Column** — 3, 4, 5 or 6. Default 3. In the free plugin 4 to 6 are marked PRO.- **Metro Style** — the tile pattern for that column count. The free plugin has one pattern; Pro adds more, plus a Custom layout.- **Tablet Responsive** (Pro) — a separate metro column and pattern for tablets. ![Blog posts shown in a metro layout with tiles of mixed sizes](https://theplusaddons.com/wp-content/uploads/2023/05/blog-listing-metro-layout-demo-1024x769.png) > *The Read More **Button** works on Metro even with Style 1, the one combination where Style 1 shows it. See [add a Read More button](https://theplusaddons.com/docs/add-read-more-button-in-blog-posts-in-elementor/).* ## Settings Reference | Setting | Where | Options | Default | | ------- | ----- | ------- | ------- | | Layout | Content > Layout | Grid, Masonry, Metro, Carousel (Pro) | Grid | | Metro Column | Content > Columns Manage | 3, 4 (Pro), 5 (Pro), 6 (Pro) | 3 | | Metro Style | Content > Columns Manage | Style 1; more patterns and Custom in Pro | Style 1 | | Tablet Responsive | Content > Columns Manage | On / Off — Pro | On | ## Limitations - **Free is three columns only.**- **The pattern repeats.** Big and small tiles follow the pattern by position, not by which post is more important.- **Built around featured images.** Metro tiles look best when every post has one. ## Troubleshooting ### I cannot pick 4, 5 or 6 metro columns Those are Pro. The free plugin offers three. ### Desktop Column has disappeared That is expected on Metro. Use **Metro Column** instead. ## Related Docs - [Blog Listing widget: settings overview](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/) — every control in the widget.- [Show blog posts in a grid layout](https://theplusaddons.com/docs/show-blog-posts-in-grid-layout-in-elementor/)- [Show blog posts in a masonry grid](https://theplusaddons.com/docs/show-blog-posts-in-masonry-grid-layout-in-elementor/)- [Show blog posts in a carousel slider](https://theplusaddons.com/docs/show-blog-posts-in-carousel-slider-in-elementor/) ## Frequently Asked Questions **Q: What do I need before showing blog posts in a metro layout in Elementor?** A: The Blog/Post Listing widget has to be installed and activated inside The Plus Addons for Elementor, and the widget itself must be switched on under ThePlus Settings > Widgets. The free version supports three metro columns and one pattern, while four, five, and six columns plus more patterns are Pro. That matters because Metro is built from preset patterns, so the available layout options depend on the edition you have. **Q: How do I switch a blog listing to metro layout in Elementor?** A: Metro is selected from the Blog/Post Listing widget’s Layout setting in Content > Layout. That changes the widget from a standard listing into a magazine-style arrangement where tiles vary in size by pattern. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Elementor editor, so you do not need to build the layout manually. **Q: Why does my metro blog layout only show three columns?** A: Three columns is the free limit for Metro. In the free plugin, 4, 5, and 6 metro columns are marked Pro, so they stay unavailable until you use the Pro version. That limitation is important because Metro patterns are tied to column count, so changing the edition changes how many tile arrangements you can use. **Q: Why do some blog posts look bigger than others in metro layout?** A: Metro uses a repeating preset pattern, so big and small tiles follow position in the pattern rather than post importance. That means the visual rhythm comes from the layout sequence, not from which post is featured or most recent. It also works best with featured images on every post, because Metro tiles are built around those images. **Q: What should I do if I cannot pick 4, 5, or 6 metro columns?** A: Those column counts are Pro-only. The free plugin only offers three metro columns, so higher counts stay locked until Pro is available. In practice, that means the fix is not a setting change inside Metro itself but using an edition that includes those extra column options. **Q: Why did the Desktop Column control disappear in Metro layout?** A: That is expected behavior in Metro. The widget replaces Desktop Column with Metro Column, because Metro uses its own column controls instead of the usual ones. The practical takeaway is that column management shifts from normal responsive controls to Metro-specific settings like Metro Column and Metro Style.