Tutorials

Responsive Timeline

General

Line Thickness

Controls the thickness of the timeline in the center

Line Color

Controls the color of the timeline in the center

Content Blocks

Text

Determines the color of general text within the content area of each item

Headers

Determines the color of headers (h1, h2, h3, h4, h5, h6) within the content area of each item

Determines the color of all links within the content area of each item

Content BG

Determine the background color of the content area

Triangle Size

Controls the size of the triangle on the side of each content area

Triangle Radius

Controls roudness of the triangle on the side of each content area

Icons

Icon Color

Determines the color of the actual Icon inside the Icon area of the item

Icon Background

Determines the background color of the outer part of the icon

Icon Background

Determines the background color of the outer part of the icon

Icon Size

Controls the size of the outer icon (Desktop, Mobile)

Icon Text Size

Controls the size of actual icon within the icon area (Desktop, Mobile)

Icon Margin

Controls the space around the icons in the center (Desktop, Mobile)

Icon Radius

Controls the roundness of the outer icon (Desktop, Mobile)

Border Weight

Controls thickness of the border around the outer Icon (Set to 0 for no border)

Border Color

Controls color of the border around the outer Icon

Dates

Text Color

Controls the color of the date text

Text Size

Controls the font-size of the date text