The Featured List widget generalizes your blog posts into categories with a primary-secondary post-presentation list. It’s a tool for catching the readers’ attention throughout multiple blogging niches fast. You can use this widget to feature blog posts within your current blogging site.
Let’s see how it works.
Find the Featured List widget from the widget menu in the Elementor page editor and drag it inside your webpage.
The Content tab holds the base settings for the widget and lays the foundation of the layout of the final content. It’s divided into two parts for the Featured List widget.
Go to Content> Layout
As you can see, the first title is the featured post (primary) while others are secondary posts on the featured list. The featured post comes with its image banner and all posts below will show all info except for the image.
The layout section is full of switchers. You will find the image size & height option on the top. These switchers are responsible for showing/hiding specific content on the display. [250px padding on left/right side to center the content]
Go to Content> Query
Here, you need to define the number of posts shown on the display by the option named Item Limit on the Featured List for blogs. By the way, you can select the source of display from category, tags, & events throughout different post sections.
The style tab allows you to change or customize the appearance of the post list content layout. The options include color settings, borders, paddings, etc.
There are several sections on this tab.
Go to Style> Items
First of all, the padding option works on the content of the posts. Pick a number that goes along with your style. You can set an overlay color for the featured list widget post image. Use border or border-radius options if necessary.
Go to Style> Title
The Title section mainly gives you the option to change the text color, spacing, text shadow, and typography of the titles. The color option is available for both active & hover modes as well as divided into normal & featured colors on the post list.
Go to Style> Meta
Of course, each post has author information along with a post date that will be displayed at the bottom of the post title. You can change their text color, spacing, & typography in this section. There are color options available for the normal & the featured post list.
Go to Style> Category
The category section enables you to customize the category text on top of the post title of the featured list for blogs. Set their color, border, typography and make it more eye-catching.
Go to Style> Counter Number
The counter number shows the current number of posts on the display for the Featured List widget. It goes alongside the title and is customizable through color, border, spacing, & size.
Go to Style> Pagination
Pagination appears only when it is turned on from the layout section. There are a bunch of options here including color, border, padding, radius, etc. You can play with it and find your own style of displaying the post list.
Watch this quick video for visual instruction and see the demo page for more examples, provided by Bdthemes.