---
title: Documentation - Vertical Timeline
description: Documentation - Vertical Timeline
---

# HubSpot Vertical Timeline Module

This documentation is for the HubSpot Vertical Timeline Module created by Hermitcarbs team

CONTENT FIELDS

- Enable custom tag selectors boolean to use id and class field.
- Add Section Id and Class selector according to requirements.

        ![two_col1](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/two_col1.png)

- Enable heading field.
- Add heading using heading type.

       ![client_quote_heading](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/heading-style.png)

- Add the Description you want to show using the rich text field.

          ![content_cards3](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/description-style.png)

Time line fields

- Add the Content in the card list.

          ![client_quote_author](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/our-history-02.png)         

- *STYLE FIELDS* 
    - Add Backgound with multipal option (Color only, Image with overlay, and Gradient)
    
         ![animated11](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/animated11.png)   
    
    - Add Spacing of the section
    
         ![two_col13](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/two_col13.png)   
    
    - Choose Container type
    
         ![animated13](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/animated13.png)   
          
    - Typography style  
          - Description Font.
               ![client_quote_desc_style](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/our-history-04.png)      
        
          - Timeline content style fields.
        
              ![quote_content_font](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/our-history-05.png)      
               ![quote_content_font](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/vertical%20timeline-style.png)      
       

##### In this module you can customise design to your requirements

![our-history](https://hermitcrabs-2474026.hs-sites.com/hubfs/vaales_theme_2/images/our-history.png "our-history")

[ Demo ](http://2474026.hs-sites.com/vertical-timeline)