The Post Timeline Widget will let you display blog posts, pages or custom posts in a awesome timeline layout. It comes with advanced posts query options that will give you full control to filter your products exactly the way you want. You can turn on or off different parts of the slider to make it suitable exactly for your needs.
Let’s look at each of the options in the “Post Timeline Widget” below.
Install Post Timeline Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Post Timeline”
- Hover over the widget in the search results and click install
- Add your “Post Timeline” widget to any Elementor Page
General Settings #
Post Timeline Image Size
Select the post list image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
Alternating
Turn on or off the alternating option.
Responsive Breakpoint
Set the responsive breakpoint.
Hide Last Item Line
Show/Hide the last item line.
Bullet Icon
Choose an icon for bullet.
Button Text
Type text for button.
Intro Number of Characters
Set the number of characters to show as intro.
Direction
Set the direction of post timeline.
- LTR
- RTL
Icon Type
Select the icon type.
- Icon
- Date
- Empty
Layout Settings #
Show Image
Show/Hide the image in post timeline.
Show Category
Show/Hide the post category.
Show Date
Show/Hide the date element.
Show Time Ago
Show/Hide the time ago the post posted.
Show Author
Show/Hide the author of post.
Show Title
Show/Hide the title of post.
Show Text
Show/Hide the text of post.
Show Button
Show/Hide the button.
Show Pointer
Show/Hide the pointer on post timeline.
Icon Tooltip
Show/Hide the icon tooltip.
Posts Query Setting #
Posts Source
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Include By
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Author
- Date
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
- Products on Sale Only
- Up Sells Products
- Out of Stock Products Only
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Exclude By
Choose specific posts that you would like to exclude from your selection by adding rules.
- Terms
- Current Posts
- Specific Posts
- Author
- Posts Without Featured Image
- Posts with current category
- Posts with current tags
- Offset
- Avoid Duplicates
- ID's from Dynamic Field
To know more about post query setting, please visit our article on Advanced Post Selection
Posts Pagination and Ajax #
Pagination
Display the pagination for your post grid
- None
- Numbers
- Using Pagination Widget
Enable Ajax
When turned on, all the filters, all the filters interaction will be with ajax.
Post Timeline Widget Styling #
A lot of styling options are provided to control every aspect of the widget’s appearance. Modify the colors to match your site’s look and feel. You can customize every single detail to perfectly blend with your website design.
Icon Styling #
Set the icon size, background, icon color, radius, typography for day, month and year element.
Content Styling #
Style the spacing, background, radius, border, padding, alignment, and item shadow.
Pointer Styling #
You can set the pointer color, width, height, spacing, and vertical positioning.
Line Styling #
In this section, set the line width, color, and active line color.
Image Styling #
Set the image width, height, radius, border, opacity, and blend mode.
Category Styling #
You can set the category background color, typography, padding, radius, and spacing.
Date Styling #
Here, You can style the date color, typography, and spacing.
Author Styling #
You can set the author color, typography, and spacing.
Title Styling #
In this section, you can set the title color, typography, and spacing.
Text Styling #
You can style the text color, typography, and spacing.
Button Styling #
Style the button padding, radius, text color, spacing, border, and typography.
Icon Tooltip Styling #
Style the icon tooltip background, radius, padding, typography, and color.
Usage Examples #
Here are some live use cases for the Post Timeline Widget.
