fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Layers Widget
Blog Template
January Updates

Post Horizontal Timeline

The Post Horizontal Timeline Widget will let you showcase your WordPress posts in a creative horizontal timeline format with the Elementor timeline widget. It comes with advanced posts query options that will give you full control to filter your products exactly the way you want. 

 

Let’s look at each of the options in the “Post Horizontal Timeline Widget” below.

Install Post Horizontal Timeline Widget for Elementor

This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Post Horizontal Timeline”
  3. Hover over the widget in the search results and click install
  4. Add your “Post Horizontal Timeline” widget to any Elementor Page

General Settings

1

Post Horizontal Timeline Image Size

Select the post horizontal timeline image size.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • 1536*1536
  • 2048*2048
2

Autoplay

Turn on/off the autoplay option.

3

Loop

Turn on or off the loop option.

4

Autoplay Hover Pause

Autoplay will pause over mouse hover.

5

Number of Items

Set the number of items to display in timeline.

6

Autoplay Timeout

Set the timeout for autoplay.

7

Transition Speed

Set the transition speed.

8

Button Text

Type text for button.

9

Intro Number of Characters

Set the number of characters to be displayed as intro.

10

Stage Padding Type

Set the stage padding type.

  • None
  • Both
  • Left
  • Right
11

Center

Turn on/off the center option.

12

RTL

Turn on the option for right to left websites.

Layout Settings

1

Show Arrows

Show/Hide the arrows.

2

Show Dots

Show/Hide the dots.

3

Show Category

Show/Hide the category element.

4

Show Date

Show/hide the date element.

  • Hide
  • Before Icon
  • After Icon
5

Show Time Ago

Show/Hide the time ago the post got posted.

6

Show Title

Show/Hide the post title.

7

Show Intro

Show/Hide the intro characters.

8

Show Button

Show/Hide the button.

9

Bullet Type

Set the bullet type.

  • Empty
  • Icon
  • Index
10

Show Content

Show/Hide the post content.

11

Show Pointer

Show/Hide the pointer in timeline.

12

Show Vertical Line

Show/Hide the vertical line in timeline.

Arrows Settings

1

Left Arrow

Choose an icon for left arrow.

2

Right Arrow

Choose icon for right arrow.

Posts Query Setting

1

Posts Source

Choose any of the below options for your post source.

  • Current Query Post
  • Custom Posts
  • Related Posts
  • Manual Selection
2

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
3

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
4

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 Filtering

1

Pagination

Display the pagination for your post tile

  • None
  • Numbers
  • Using Pagination Widget
2

Enable Post Filtering

When turned on you can use all the post-filter widgets like tab filters, load more and infinite scroll.

3

Filters Behaviour

  • Ajax
  • Ajax and URL change - Will change the URL each time the filter changes and add the possibility to use browser back navigation.

Learn more about the different Ajax filters that can work with the Post Tile in the links bellow:

Post Horizontal 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.

Item Styling

Set the item layout, radius, border, alignment, background, spacing, and shadow.

Content Styling

Style the content background, padding, border, and height.

Date Styling

You can set the date color, typography, shadow, padding, and alignment.

Bullet Styling

In this section, set the bullet line color, height, size, radius, margin, spacing, and borderr.

Image Styling

Set the image height, radius, opacity, border, and position.

Category Styling

You can set the category background color, typography, padding, and radius.

Title Styling

Style the title color, typography, and spacing.

Intro Styling

Set the intro color, typography, and spacing.

Button Styling

You can set the button typography, padding, radius, background color, text color, spacing, border, and hover effect.

Nav Arrows Styling

Style the horizontal and vertical positioning, background, icon size, and icon color.

Nav Dots Styling

Here, set the nav dots size, color, spacing, and alignment.

Vertical Line Styling

Set the vertical line width, height, color, and margin.

Pointer Styling

Style the pointer width, height, color, shape, and margin.

Usage Examples

Here are some live use cases for the Post Horizontal Timeline Widget.

Post Horizontal Timeline Widget with Tabs Filter.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!