# Timeline

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

The "Timeline" section is provide by the Lyra theme. show off your image with content in style with a vertical timeline section.

{% hint style="info" %}
**Recommendation Size**\
Timeline image size: 60x60
{% endhint %}

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2FHJYeCdTfkQHSpT7ij87k%2Flyra-timeline.png?alt=media&#x26;token=99962093-4ca1-4129-86ad-03ca24308f6f" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="286">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in this section is as follows:</p><ul><li>Full width</li><li>Container</li></ul></td></tr><tr><td>Heading</td><td><p><strong>Text</strong> <br>Enter text to display as a title in the section. <br><br><strong>Size</strong></p><p>Customization of the "Size" in the slide is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Description</td><td><p><strong>Text</strong> <br>Enter text to display as a description in the section. <br><br><strong>Size</strong></p><p>Customization of the "Size" in the slide is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Button</td><td><p><strong>Label</strong></p><p>Use "Label" to add a label to the Button in the slide.<br><br><strong>Link</strong></p><p>Use "Button link" to add a link to the Button in the slide.<br></p><p><strong>Style</strong></p><p>Customization of the "Button style" in the slide is as follows:</p><ul><li>Link</li><li>Outline</li><li>Solid</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr></tbody></table>

## **Add Text**

To add blocks to the timeline section, click on the 'Add text'. There are many options available similar to the timeline, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Date</td><td><strong>Month</strong><br>Enter the month to display.<br><br><strong>Day</strong><br>Enter the day of the month.<br><br><strong>Year</strong><br>Enter the year to display.</td></tr><tr><td>Heading</td><td><strong>Text</strong><br>Enter text to display as the section heading.<br><br><strong>Size</strong><br>Choose the size of the heading text:<br>• Small<br>• Medium<br>• Large</td></tr><tr><td>Description</td><td><p><strong>Text</strong> <br>Enter text to display as a description in the section. <br><br><strong>Size</strong></p><p>Customization of the "Size" in the slide is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Show images</td><td>Toggle to enable or disable image display in the section.</td></tr><tr><td>First image</td><td>Used image to add to the "First image" in the section.</td></tr><tr><td>Second image</td><td>Used image to add to the "Second image" in the section.</td></tr><tr><td>Third image</td><td>Used image to add to the "Third image" in the section.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of the container using the color scheme:</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li><li>Scheme 7</li></ul></td></tr></tbody></table>

<figure><img src="https://3128577213-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUEBGZ0ypDJpAB41jYu9K%2Fuploads%2Faoe044Opo46HNWQ1llDl%2Flyra-timeline-block.png?alt=media&#x26;token=88c3cf17-2911-40de-87c4-74f19659ceee" alt=""><figcaption></figcaption></figure>