Recent posts widget settings for Elementor

The recent posts widget is used to display and style customization a list of the most recent posts with icons and dates.

For further work, you need Elementor to be installed on your site. You can download it from

Open or create a page using Elementor and drag the widget to a page using the Elementor editor to start customizing. In the left pane of the editors, you can customize the widget to the style of your site. Each of the tabs presented a specific group of settings:

Content Tab

In the Content section, you can manage the basic settings of the Recent posts widget such as title, number of posts displayed, layout, etc.

General settings of the Recent posts widget
  • Title – a text field for entering the block title.
  • Title HTML Tag – select one of the available tags from the list for the text. Depending on the selected tag, the text display style will be changed. These tags also help to make your page more SEO friendly.
  • Enable title icon – the toggle to enable/disable an icon for the block title. When the icon is enabled you can choose the icon from the library and set icon spacingsize and position.
  • List layout – select list display layout: horizontal or vertical.
  • List alignment – manage the list alignment (left, center, right).
  • Title alignment – manage the title alignment (left, center, right).
  • Posts to display – set the number of posts to be displayed in the list.
  • Display post date – a toggle to display/hide the post creation date.

Style tab

On the styles tab of the Recent posts widget, you can configure everything related to the visual style of elements: colors, typography, backgrounds, borders, and more.

There are separate sections with flexible style settings for Post titles, list and list item.

Styles sections for the Recent posts block
Title style settings

Advanced Tab

The settings in the advanced tab of the Recent posts widget allow you to flexibly configure everything that relates to the design of the plug-in wrapper. The settings on this tab are entirely similar to the native Elementor widgets and will be convenient for experienced users of the Elementor. Learn more about Advanced Tab settings from Elmentor’s official documentation.

Save changes

Do not forget to save changes after completing the widget setup. To do this, click on the Update button at the bottom of the page.

Update page in the Elementor
Update page in the Elementor

Was this article helpful to you?