fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals
toggle-button-for-elementor
elementor-widget-library

Unlimited Timeline for Elementor

With the help of “Unlimited Timeline Widget” you can easily create a timeline layout to showcase your stories, history, events, step by step guide or anything else you can imagine. You can create stunning,interactive, and responsive timelines in just a few clicks using Unlimited Timeline widget. You can match the colors to your website’s theme and customize the layout for the best user experience with its lots of styling and customization options.

 

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

Install Unlimited Timeline Widget for Elementor #

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

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

General Settings #

1

Alternating

By selecting yes, you will be able to see the items on the opposite sides of the line.

2

Direction

Select the item’s direction from left to right or right to left.

3

Responsive Breakpoint

Choose the responsive breakpoint for smaller devices.

4

Hide Last Item Line

Turning on will hide the line from the last item.

Source Settings #

1

Items Source

Select the item source for Timeline.

  • Items
  • Posts
  • Meta Field
  • JSON or CSV
  • Gallery
  • Terms
  • Users 
  • Menu
  • Instagram

Layout Settings #

Show or Hide elements in timeline layout. 

1

Show Title

Show/Hide the title of items.

2

Show Sub Title

Show/Hide the sub title in the items.

3

Show Text

Show/Hide text in the items.

4

Show Pointer

Show/Hide the pointer in the items.

5

Show Image

Show/Hide the image in the item section.

Entrance Sequence Animation Settings #

1

Entrance Sequence Animation

Set the entrance sequence animation for Timeline

  • Appear
  • Scale Down
  • Scale Up
  • From Left
  • From Right
  • From Top
  • From Bottom

Items Settings #

Manage the slides of the carousel using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items
1

Title

 Type a title for the item.

2

Subtitle

Type a subtitle for the item.

3

Text

Type any custom text to display.

4

Image

Select the image you want to display.

5

Type

Select the item you want to display in the middle bullet seciton.

  • Icon
  • Text
  • Empty
  • Image
6

Icon

Select any custom icon to display.

7

Show Overrides

Turning on will display options to override background and pointer color.

 

Unlimited Timeline Widget Styling #

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Icon Styling #

Set the icon size, background, color, radius, border, shadow etc.

Content Styling #

Set the spacing, background, radius, border, alignment and padding of content.

Pointer Styling #

You can set the color, width, height, spacing, and vertical position of the pointer in this section.

Line Styling #

Style the width, color, and active color of line.

Image Styling #

Style the image width, height, radius, border, opacity etc.

Title Styling #

In this section, you can style title color, typography, shadow, and spacing.

Subtitle Styling #

You can style the color, typography, shadow and spacing of subtitle.

Text Styling #

Style the color, typography, shadow, and spacing of text.

Usage Examples #

Here are some live use cases for the Unlimited Timeline Widget

Video Overview #

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!