This module is designed to set your timeline to show vertically or horizontally.
The module has 3 field groups (“Module Settings”, “Header Settings” and “Timeline Settings” ) and a toggle button (hide/show the module).
“Module Settings” tab
Background Options - Color - Image - Image + Overlay - None
Note: the “Image + Overlay” will only work if you also change the background color’s opacity.
- Vertical Padding – top and bottom padding of the module
- Horizontal Padding – left and right padding of the module
“Header Settings” tab
Timeline Module 1.1
see “Timeline Module 1.1” image
Header Settings
- Show Header – hide/show Header section
- Header Type- h1, h2, h3, h4, h5, h6
- Text Alignment – change alignment of the Heade rand Sub Header
- Header – change header text
- Header Color – change header color
- Sub Header – change sub header text
- Sub Header Color – change sub header color
“Timeline Settings” tab
Timeline Type
Bullet Type
Bullet and Line Color Style
- Bullet Text Color – This will only show if you choose the “Date” as your
- Bullet Type. It sets the text color of the date inside the circle/square. (see bullet 1.1 image below )
- Event Bullet Color – This is the outline/border color of the circle (see bullet 1.1 image below)
- Event Center Bullet Color – This is the center color of the circle (see bullet 1.1 image below)
- Event Line Color – This is the color of the line (see bullet 1.1 image below)
Event List Settings
Add Box Color – hide/show and set/unset box color
Show Custom Font Color – Customize color for each group (title, description, and date)
See date style 1.1 image below
- MM/DD/YYYY – e.g. 02/13/1991
- Month Year – e.g. January 2019
- Month Day – e.g. July 25
- Time AM/PM – e.g. 12:00 AM
- Month Day – Time AM/PM – e.g. July 31 – 12:00 AM
date style 1.1
Event Post Settings
Inside each Event Post