This module is designed to set your timeline to show vertically or horizontally.

Live Preview


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)
bullet 1.1

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