Timeline

Adding a Timeline

The  Timeline feature can be placed into different blocks via Drag & Drop. To add the feature:

• In the Site Editor, hover over the left sidebar and click Build:

• Under the Features section, click Content:

• Drag and drop the Timeline to the preferred area of the page:

Customizing a Timeline

Hover over a Timeline element to display the Edit button in its top-right corner and be able to modify the item:

You can modify the Layout and Design of the Timeline.

Layout

• Image: Allow to add an image (Available in №2 and №3 styles).
• Date: Allow to add the date.
• Title: Allow to add title.
• Description: Allow to add a description.

Design

Style: Click on the style preview to select the preferable Timeline design and select a style that you want:

• №1:

• №2:

• №3:

Alignment:

To align the timeline to the left or to the right or to the center of the section:

• Center:

• Left:

• Right:

Line Color: Click the Color square to select the background color:

Please Note: Available only in №1 and №2 styles.

Circle Color: Click the Color square to select the background color:

Please Note: Available only in №1 style.

Shape Color: Click the Color square to select the background color:

Please Note: Available only in №3 style.

Shape: Allow to change the shape (Available only in №2 and №3 styles):

• Circle:

• Square:

• Hexagon:

Adding a Timeline Item

• Click [+] in the top left corner to Add a new item:

Deleting a Timeline Item

• Click [X] to Delete the selected item:

Customize Text

Select a text to display the Editing Menu:

Customize Image

Click on the Image to display the Editing Menu.

• You can Replace an image, add an Overlay, or add Alt Text: