Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Gecko - Timeline

Maria Do

Written by Maria Do

Last updated

380 views

On this page


A timeline is the presentation of a chronological sequence of events along a drawn line that enables a viewer to understand temporal relationships quickly.

This section allows you to display detailed histories as well as write notes and comments for the processes you want to show the customer.

You can go to this page to view an example: ​

Steps:

  • Theme editor (Customize) > Add Section

  • Search Timeline

  • Click Save

1. Timeline content

  • Icon: This option helps you to choose to show the icon from Use SVG, Line awesome or Use image.

  • Content: You can freely add the Step Label, Heading, Description, Button Label and customize it with many design options.

timeline_2.png
  • Image: This option allows you to upload image and customize it with many design options.

spaces_tdDF4h55NE3bVEDpck0F_uploads_lVOC8G4wo0QRaDzcbXlT_timeline_3.webp

2. How to configure Timeline section

  • Heading option: This option allows you to choose a design heading and set the Heading align center or not. And you can also enter the content of the Heading and Description, add the Bottom Space for the section.

spaces_tdDF4h55NE3bVEDpck0F_uploads_tOHkbkU8SPfGLpiYXl7I_timeline_1.webp

General options: This option allows you to choose a Line timeline style for the section.

Design options: This option allows you to choose layout between Custom width, Container, Wrapped Container, Custom width and Full width and you can also add margin/padding for section (all desktop, tablet, and mobile devices).



Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.