Content Timeline

Content Timeline allows displaying historical events with vertical timeline items. The block contains various customization options; you can add a title, description, icon, date to the timeline items.

General

Number of Items - You can select the total number of items to display in a grid.

Orientation for the icon and a post grid can be set to Center, Left, Right from Orientation.

Arrow Alignment can be set vertically top, bottom, or center with respect to timeline card.

Timeline Event

Heading tag - You can select the tag that you want to allot to the section title from H2 to H6.

Border Style - You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it.

Padding - Space can be managed for the content of the grid from the Padding tab.

Date Settings

Display Date - Hide or Display the published date of the post.

Date Format - Select a format for the date.

Date Settings - A date can be set for individual timeline card. If the option ‘Display Post Date’ is set as ON, then add a date for each timeline card individually.

Connector Settings

Choose an icon for the connector from a number of options.

Icon Size - Increase or decrease the size of the icon from here.

Border Width - Set a border to the connector element from here.

Connector Width - Set the width of the connector line with this option.

Connector Color Settings - Under the Colors tab, color options are available for Line, Icon, Background, and Border.

Spacing

Spacing tab offer options to customize the horizontal and vertical spacing.

Typography

Under the Typography tab, options for font size, font-weight, and line-height are available for Date, Heading, and Content.

Colors

Under the Colors tab, color options are available for Date, Heading, and Content.