Timeline

The "Timeline" section is provide by the Flute theme. To display chronological content, milestones, or steps in a structured and engaging format.

Section
Description

Layout

Customization of the "Layout" in this section is as follows:

  • Grid

  • Compact

Heading

Enter text to display as a main heading of the section.

Description

Enter text to display as a description of the section.

Enable parallax effect

Enable this checkbox to apply parallax effect on background image. Applicable when "Background image" is selected.

Background image

Use this to set background image in the section.

Banner height

Customization of the "Banner height" in the Timeline section is as follows:

  • Adapt to first slide

  • Small

  • Medium

  • Large

Content style

Content alignment on desktop

Customization of the "Content alignment on desktop" in Timeline section is as follows:

  • Left

  • Center

  • Right

Vertical position

Customization of the "Content Vertical position" in Timeline section is as follows:

  • Top

  • Middle

  • Bottom

Desktop hoverable content

Show carousel pagination

Enable this checkbox to show carousel pagination in the section.

Pagination color

Use this settings to set pagination color in the section.

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Mobile layout

Content alignment

Customization of the "Content alignment on mobile" in Timeline section is as follows:

  • Left

  • Center

  • Right

Content under images on mobile

By enabling this checkbox, you can view the slide content below the image in a mobile device.

Add Text

Click on "Add Text" and its customization is as follows.

Block
Description

Custom preview image

Allows you to upload or select a custom image that represents the timeline item. This image is used as a visual preview for the content.

Control image opacity

Adjusts the opacity level of the preview image, allowing better contrast between the image and text content.

Date

Day

Sets the day value for the timeline date.

Month

Sets the month value for the timeline date.

Year

Sets the year value for the timeline date.

Heading

Text

Use this settings to enter text content displayed for the timeline item.

Size

Customization of the "Heading text size" in the Timeline section is as follows:

  • Small

  • Medium

  • Large

Description

Enter a text to display as a description in timeline item.

Button

Label

Use "Label" to add a label to the Button in the section.

Link

Use "Link" to add a link to the Button in the section.

Color scheme

In this section, you have the option to modify the background and foreground colors of a slide's content container using the provided color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Mobile layout

Custom preview image

Allows you to upload or select a custom preview image specifically for mobile devices. Leave it blank to display the main preview image.

Last updated