Features Timeline

Layout Settings - Please select Layout Style for this section

Timeline Simple

  • Heading - Please enter text for the heading
  • Description - Please, enter your description text.
  • Display Image - Here you can add the image for this item.
  • Time - Please enter time for this item

How to customize typography you can check in Typography Settings Category:

Acacio Modern

Add Item - This option allows to add the new date to the timeline.

Item settings:

  • Date - Here you can add the date.
  • Title - Here you can enter the title for the date. To Highlight text insert text between: [[ Your Text Here ]]
  • Use dot in the end title - Turn on the switch if you want to use the dot in the end of the titles.
  • Color for dot - Please, select the dot color from the list.
  • Content - Please, add some text for the content.
  • Add image - Please, add image for this item.
  • Image original size - Please, select the image size.
  • Add button? - Turn on the switch if you want to add the button to this item.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Enable Dark version - Turn on the switch if you want to display the dark version for this shortcode

How to customize typography you can check in Typography Settings Category:

Finance Modern Style:

Add item - Please, add the item to create and edit the timeline item.

Items:

  • Date - Add the date here.
  • Title -  Here you can add the text for the title. To Hightlight text insert text between: [[ Your Text Here ]].
  • Content - Add some text for content.
  • Add image - Here you can add the image for the item.
  • Add a button? - This option allows you to add the button. If tour turn on the switcher you can have the next items:
Button items:
  • Layout - Please, select the button layout;
  • Name - Please, enter the button text;
  • Link - Please, add a URL to the button;
  • Style - Here you can select the button style (dark or light);
  • Size - Here you can select button size (small or large);
  • Type - Here you can select the button type (reverse or transparent);
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
  • Add icon? - Turn on the switcher if you want to add the icon. Then you will have the next items:

Icon items:

  • Icon library - Please, select the icon library from the list;
  • Icon position - Here you can select the icon position (right or left).

Enable dark version? - Turn on the switcher if you want to enable the dark version of the item.

Use the custom font for highlight? - Turn on the switch if you want to customize highlight typography. 

How to customize typography you can check in Typography Settings Category:

Mooseoom Modern

  • Use custom font for date? - Turn on the switch if you want to customize date typography. 
  • Use custom font for active date? - Turn on the switch if you want to customize active date typography. 

Add Item - This option allows to add the new date to the timeline.

Item settings:

  • Date - Here you can add the date.
  • Title - Here you can enter the title for the date. To Highlight text insert text between: [[ Your Text Here ]]
  • Use dot in the end title - Turn on the switch if you want to use the dot in the end of the titles.
  • Color for dot - Please, select the dot color from the list.
  • Content - Please, add some text for the content.
  • Add image - Please, add image for this item.
  • Image original size - Please, select the image size.
  • Add button? - Turn on the switch if you want to add the button to this item.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Enable Dark version - Turn on the switch if you want to display the dark version for this shortcode

Images Size:

Image size - This option allos to resize image. You can choose needed size from the list or enter custom image width and height. 

How to customize typography you can check in Typography Settings Category:

Moovit Modern

Add Item - This option allows to add the new date to the timeline.

Item settings:

  • Date - Here you can add the date.
  • Title - Here you can enter the title for the date. To Highlight text insert text between: [[ Your Text Here ]]
  • Use dot in the end title - Turn on the switch if you want to use the dot in the end of the titles.
  • Color for dot - Please, select the dot color from the list.
  • Content - Please, add some text for the content.
  • Add image - Please, add image for this item.
  • Image original size - Please, select the image size.
  • Add button? - Turn on the switch if you want to add the button to this item.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Enable Dark version - Turn on the switch if you want to display the dark version for this shortcode

Filling color for timeline - Here you can select the color for timeline

Images Size:

Image size - This option allos to resize image. You can choose needed size from the list or enter custom image width and height. 

Outsourceo Modern

Add Item - This option allows to add the new date to the timeline.

Item settings:

  • Date - Here you can add the date.
  • Title - Here you can enter the title for the date. To Highlight text insert text between: [[ Your Text Here ]]
  • Use dot in the end title - Turn on the switch if you want to use the dot in the end of the titles.
  • Color for dot - Please, select the dot color from the list.
  • Content - Please, add some text for the content.
  • Add image - Please, add image for this item.
  • Image original size - Please, select the image size.
  • Add button? - Turn on the switch if you want to add the button to this item.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Enable Dark version - Turn on the switch if you want to display the dark version for this shortcode

Rela Modern

Arrow size - Please enter size for arrow

Add Item - This option allows to add the new date to the timeline.

Item settings:

  • Date - Here you can add the date.
  • Title - Here you can enter the title for the date. To Highlight text insert text between: [[ Your Text Here ]]
  • Use dot in the end title - Turn on the switch if you want to use the dot in the end of the titles.
  • Color for dot - Please, select the dot color from the list.
  • Content - Please, add some text for the content.
  • Add image - Please, add image for this item.
  • Image original size - Please, select the image size.
  • Add button? - Turn on the switch if you want to add the button to this item.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Enable Dark version - Turn on the switch if you want to display the dark version for this shortcode

Vestry Horizontal

Add Item - This option allows to add the new date to the timeline.

Item settings:

  • Date - Here you can add the date.
  • Title - Here you can enter the title for the date. To Highlight text insert text between: [[ Your Text Here ]]
  • Use dot in the end title - Turn on the switch if you want to use the dot in the end of the titles.
  • Color for dot - Please, select the dot color from the list.
  • Content - Please, add some text for the content.
  • Add image - Please, add image for this item.
  • Image original size - Please, select the image size.
  • Add button? - Turn on the switch if you want to add the button to this item.
Button items:
  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button.
Add icon? - Please, turn on the switcher to add the icon.
  • Icon library - Please, select the icon library from the list.
  • Icon - Here you can choose the icon.
  • Icon position - Here you can select the icon position (right or left).

Enable Dark version - Turn on the switch if you want to display the dark version for this shortcode

Use custom font for date? - Please, turn on the switch if you want to customize the date typography.
Use custom font for content title? - Please, turn on the switch if you want to use the custom content title typography.

Use custom font for description? - Please, turn on the switch if you want to customize the description typography.

How to customize typography you can check in Typography Settings Category: