---
title: Timeline Block
description: "To customize the Timeline Block, you can use the below settings: - **General** - **Section:** Adjust the outer and inner padding of the section. - **Title:** Hide/Show the title of the timeline and adjust the padding of the title. -…"
url: "https://spiceblocks.com/docs/timeline-block/"
updated: "2023-02-21"
category: Blocks Customization
---

# Timeline Block

To customize the Timeline Block, you can use the below settings:

- **General**
  - **Section:** Adjust the outer and inner padding of the section.
  - **Title:** Hide/Show the title of the timeline and adjust the padding of the title.
  - **Content:** Hide/Show the content of the timeline and adjust the padding of the content.
  - **Year:** Hide/Show the year of the timeline and adjust the padding of the year.
  - **Time:** Hide/Show the time of the timeline and adjust the padding of the time.
  - **Animation Effects:** Set the animation effects with multiple options like Fade, Bounce, Swing, etc on the Timeline.
  - **Display:** Hide/Show the Timeline individually from a desktop, tablet, or mobile.

  -

- **Connector**
  - **Connector:** Set the border style, width, and color of the connector line.
  - **Circle:** Set the border style, width, and color of the connector circle.
  - **Circle Size:** Adjust the size of the connector circle.
    -

- **Box** **Shadow**
  - Adjust the shadow of the timeline section using **Horizontal, Vertical, and Blur** Shadow options.
  - Set the color of the box shadow using the **Box Shadow Color** option.

- **Color**
  - Change the color & background color of the Timeline title, content, time, year, and item background.

- **Typography**
  - Set the typography of the Accordion title, content, date/year, and time using **Font Family**, **Font weight**, **etc.** options.

 ![](https://spiceblocks.com/wp-content/uploads/2022/12/timeline-block.gif)