Timeline

Adding a Timeline

Option 1

• Hover over the desired section and click Add Element:

• Choose Timeline from the modal that appears:

• After you choose the element from the list, drag it to the desired section.

Option 2

• Hover over the left sidebar of the Site Editor and click Build (+) button:

• Choose the element:

• After you choose the element from the list, drag it to the desired section.

Moving and Resizing a Timeline

Please refer to the Elements Management article to learn more about moving and resizing elements.

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 Tab

• Image: Add an image (available for styles #2 and #3).
• Date: Add the date field.
• Title: Add title field.
• Description: Add a description field.

Design Tab

• Style: Choose a preferred timeline design from the available options (style #2 is set by default).
• Alignment: Align the timeline to the center, right, or left of the section.
• Line Color: Select the background color for the line (available for styles #1 and #2).
• Circle Color: Select the background color for the circle (available for style #1).
• Shape Color: Select the background color for the shape (available for style #3).
• Shape: Change the shape (available for styles #2 and #3): Circle, Square, or Hexagon.

Managing a Timeline Item

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

• Click [X] to Delete the selected item:

• Select a text to display the Editing Menu:

• Click the Image to display the Editing Menu. You can Replace an image, add an Overlay, or add Alt Text: