Timeline widget represents your events, a story in chronological order to make it more understandable with different design and styles. You can easily build Timeline Widget with EnterAddons
Using Timeline Widget:
You can see the below video to get an insight into how you can use the Timeline Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Timeline Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1:
Step2:
Then, from ‘Content’ Section you will get ‘Timeline Content’ section.
From ‘Timeline Content’ section, you can set title, date, descriptions, icon-type and icon.
Step3
In ‘Style’ section you can stylize the widget. You will get the options Content Wrapper Settings, Timeline Layout Settings , Line Settings,Title, Descriptions, Date, Icon Wrapper, and Icon in this section.
From ‘Content Wrapper Settings’ section you can add margin, padding, border-radius, box-shadow and background type respectively.
After that , from ‘Timeline Layout Settings‘ section you can set or edit line position, border-type ( width and color ), border-radius, box-shadow, background-type( color and image ) respectively, in NORMAL view.
Moreover, In this section you will also find HOVER view that looks as given below.
Then, from ‘Title’ section you can add color, typography, margin and padding respectively, in NORMAL view.
Moreover, In this section you will also find HOVER view like below.
After that , from ‘Descriptions‘ section you can add or change descriptions color, typography, margin and padding respectively, in NORMAL view.
Moreover, In this section you will also find HOVER view that looks as given below.
Then, from ‘Date‘ section you can add or change date color, typography, margin and padding respectively, in NORMAL view.
Moreover, In this section you will also find HOVER view that looks as given below.
After that, from ‘Icon Wrapper‘ section you can add or change date color, typography, margin and padding respectively, in NORMAL view.
Moreover, In this section you will also find HOVER view that looks as given below.
After that , from ‘Icon’ section you can add or change icon color and icon size respectively, in NORMAL view.
Moreover, In this section you will also find HOVER view that looks as given below.
Step4
Finally, after finishing all the editing, click update and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s It!.