Halloween 40% off every Pro plan. Lifetime from $51, pay once.40% off Pro Vanishes in Claim40% off
Classic Elementor widget · Free

Banner Posts for Elementor: Three featured posts as one clean blog banner

Put your best articles at the top of a page. Banner Posts is an Elementor post banner widget: it shows three recent or hand-picked posts in a row, each with its featured image and title. Add views, date or author, a Read More link, and a play button that opens video, audio and gallery posts in a popup. Free, on Elementor Free.

  • Recent or selected posts
  • Meta with icons
  • Read More link
  • Video, audio and gallery popup

Classic widget · Elementor 3 and 4Updated

Live demos

Banner Posts designs, live

Three blog banners built with the widget: a plain latest-stories row, a most-read row with meta and Read More, and a row of video, audio and gallery posts.

Design studio blog

Latest stories on a dark page

Three recent posts in one row. Each has a wide photo with a bold white title under it, on a dark page. This is the plain Elementor blog banner with no meta and no link text.

Hover a title

Set Query Type to Recent Post and switch Show Meta and Read More to Hide. In the Style tab, give the title a 20 px top Margin.

Interiors magazine

Most read posts with Read More

Three popular articles from an interiors journal. Under each title sit the view count and the date, then a Read More link with an arrow that moves on hover.

Hover Read More

Switch Show Meta and Read More to Show. In Meta Data add View and Date, set Separator Between to ///, and set Icon Position to Before.

Sahara FilmsFilmsStoriesStudio
From the studio

Films, sound and stills

Film studio news

Video, audio and gallery posts

A film, a podcast episode and a photo set from a film studio. Each photo has a play icon. A click opens the post in a popup: a video, an audio player or a photo gallery.

Click a play icon

Switch Post Audio, Video & Gallery to On and Show Meta to Show. In Meta Data add Date and Time Ago. In the Style tab, under Post Popup, set Play Icon Size to 50 px.

Features

Key features of Banner Posts

What the widget gives you, each with the panel setting behind it.

Select post type

Set Query Type to Recent Post and your Elementor banner posts update themselves, or choose Selected Post and hand-pick the three articles to feature.

Customize the post title

Shorten long headlines with Title Length, then set the colour, hover colour, margin and typography in the Style tab.

Show meta information

Turn on Show Meta for Elementor post meta: author, views, date, time, time ago, comments, reviews or read later, each with its own icon.

Personalize Read More

Add an Elementor read more link under each post. Write your own Read More Text, pick an Icon, and set the Icon Position and Icon Spacing.

Enhance posts with media

With Post Audio, Video & Gallery on, Elementor audio and gallery posts get a play icon, and so do video posts. A click opens the media in a popup.

Separator and author

Set the Separator Between meta items, the Author By text and an optional Author Avatar.

Styled in Elementor

Style the title, meta, author, Read More button and play icon in the Style tab, for every screen size.

Step by step

How to add banner posts in Elementor

Five steps, no code. The bold names are the labels in the Elementor panel.

  1. Install and activate Animation Addons for Elementor, then turn on Banner Posts in Animation Addons → Elements.

  2. Open your page in Elementor, search the panel for Banner Posts and drag it into a section.

  3. In Query, choose Recent Post or Selected Post and pick the three posts to feature.

  4. In Settings and Title, turn Show Meta and Read More on or off and set the Title Length.

  5. Style the title, meta and Read More in the Style tab, check the banner on mobile and publish.

Try it free Free on WordPress.org · Works with Elementor Free
FAQ

Questions about Banner Posts

How do I add a featured post banner in Elementor?

Install the free Animation Addons plugin, turn on Banner Posts, and drag it onto your page. It shows three posts in a row with their images and titles, with no code and no Elementor Pro.

How do I show selected posts in Elementor?

Set Query Type to Selected Post and pick the posts from the list of your latest 50. Leave it on Recent Post and the banner always shows your newest three.

Is it an Elementor recent posts widget?

Yes. With Query Type on Recent Post it works as an Elementor recent posts widget that always shows your newest three posts. It does not take a number of posts, because the banner is built for three.

How many posts does Banner Posts show?

Three. The widget is built as a banner of three posts side by side. For longer lists with pagination, use the Advanced Posts or Posts widget.

Which meta can a banner post show?

The Elementor post meta list has author, views, date, time, time ago, comments, reviews and read later. Add them in Meta Data, give each an icon, and set the Separator Between them.

Can the Read More link have an icon?

Yes. Write the Read More Text, choose an Icon, and place it before or after the text with your own Icon Spacing.

Does it support video and audio posts?

Yes. Turn on Post Audio, Video & Gallery. Posts with the video, audio or gallery format show a play icon, and a click opens an Elementor video post popup, an audio player or a photo gallery.

Is the banner posts widget for Elementor free?

Yes. It is part of the free Animation Addons for Elementor plugin on WordPress.org and works with Elementor Free.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.

Animation Addons Pro · Elementor 4

Your best posts, up front

A free post banner with meta, Read More and media popups for Elementor.

Halloween deal40% off every Pro planEnds 5 Nov

  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license