Skip to content

How to Show Blog Posts in Metro Layout in Elementor?

Table Of Content

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.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

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

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

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.

Settings Reference

SettingWhereOptionsDefault
LayoutContent > LayoutGrid, Masonry, Metro, Carousel (Pro)Grid
Metro ColumnContent > Columns Manage3, 4 (Pro), 5 (Pro), 6 (Pro)3
Metro StyleContent > Columns ManageStyle 1; more patterns and Custom in ProStyle 1
Tablet ResponsiveContent > Columns ManageOn / Off — ProOn

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

Related Frequently Asked Questions

Related Docs