Timeliner - Timeline for Elementor

WordPress plugins Documentation

Timeliner is a simple and lightweight WordPress plugin for Elementor to create a timeline for your website in a horizontal or vertical format. It is a great way to display events in chronological order, personal/company history, your projects, or any other information. Such a fully responsive attractive storyline helps to catch the attention of your visitors and increase conversion. It can automatically adapt from horizontal to vertical mode at a certain screen width that you can specify in the settings.

Using the custom content, you can add any kind of necessary information to your timeline. Customize a display layout of the block: create, delete, reorder or copy each of the elements such as Image, Title, Description, Button. With the available options, you can control the number of displayed timeline entries per screen or specify the first item. The plugin allowing to create as many storylines as your project requires providing space for creativity. The Timeline WordPress plugin can be useful for different types of sites like personal/corporate blogs, portfolios, galleries, lifestyle, news portals, and many others.

Horizontal & Vertical Timelines
Horizontal & Vertical Timelines
Unlimited Timeline Items
Unlimited Timeline Items
Includes Templates for Elementor
Includes Templates for Elementor
Suitable for all kind of Layouts and Templates
Suitable for all kind of Layouts and Templates
Crafted for Elementor Builder
Crafted for Elementor Builder
Perfect Solution for Popular Elementor Themes
Perfect Solution for Popular Elementor Themes
Completely Cross-Browser Support
Completely Cross-Browser Support

The item package includes 5 prepared templates to help you get started quickly with the Timeline and will inspire you to create your unique project.

Flexible and straightforward style settings will help you set up the display of each element in accordance with your requirements and wishes. Change the color, typography, background color, border, margins, padding for timelines items or apply CSS filter for images of entries to get the unique result. All this can be configured directly from the Elementor’s interface and does not require additional code knowledge.

Timeline for Elementor is exceptionally compatible with all modern browsers. It does not matter which browser users view your site: Chrome, Firefox, Opera, Safari, or Edge. Everything will look great on all devices and in all browsers.

Features of the Timeliner WordPress plugin for Elementor

The plugin installation takes only a few seconds. Also, you do not need to make any additional settings. The plugin is ready to work immediately after installation – you only need to install and activate it in WordPress. Read more about capabilities and settings in the Online Documentation.

Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin pluginname.zip There are two ways to install it:

Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )

STEP 1

First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit http://yoursitename/wp-admin

STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress
Add New Plugin to WordPress
STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress
Upload New Plugin to WordPress
STEP 5

Choose archive with Plugin and press Install Now Button

STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

Installation the plugin through FTP or build-in File manager

STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

STEP 2

Upload archive with plugin to /wp-content/plugins

STEP 3

On next step Unzip the archive with the plugin

STEP 4

Installing WordPress Plugin is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.

Activate Installed Plugin

After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and WordPress Plugins.

The Timeline Elementor widget is a great way to display events in chronological order, personal/company history, your projects, or any other information. Such a fully responsive attractive storyline helps to catch the attention of your visitors and increase conversion. It can automatically adapt from horizontal to vertical mode at a certain screen width that you can specify in the settings.

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

Open or create a page using Elementor to start using the timeline widget. You will find the widget at the end of the general section.

Widget icon

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

On the Content tab, you can manage the basic settings of Timeline Elementor widget such as display modes, item layouts, adding content and other options.

General

The section with basic storyline configuration.

Mode

Select one of the available timeline display formats:

VERTICAL
Timeline vertical mode
HORIZONTAL
Timeline horizontal mode

Layout

The section where all elements of the timeline widget item can be added, configured and ordered.

Priority

Add layout elements and order them according to your needs.

Elements layout settings of the Timeliner

To add a new element, click “Add Item” and select one of the available item types:  Image, Title, Description, Button.

Layout item settings

Content

Add and manage the timeline widget item with the necessary content.

To add a new event, click “Add Item” and fill or edit all the fields.

Item content settings

Style tab

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

Item

The styles will be applied to each layout element of the timeline item. You can configure separate elements like title, description, image, or other.

NORMAL/HOVER

The timeline items style settings for different states.

Title/Description

Image

Button

NORMAL/HOVER

The button style settings for different states.

Navigation Arrows

The section with settings is available when the horizontal timeline display mode is selected.

NORMAL/HOVER

The navigation arrows style settings for different states of the timeline widget.