---
title: "Step By Step Compact Timeline"
url: https://cooltimeline.com/demo/step-by-step-compact-timeline/
date: 2026-01-15
modified: 2026-01-15
lang: en
author: "cpsatinder"
description: "Step By Step Compact Timeline Design Compact Step By Step Timeline Using Cool Timeline Pro Cool Timeline Pro Vertical Compact One side Horizontal Buy Plugin Compact Layout- (Default Design –..."
word_count: 112
---

# Step By Step Compact Timeline

**Step By Step Compact Timeline**

# Design Compact Step By Step Timeline Using Cool Timeline Pro
![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png)
### Cool Timeline Pro
[
Vertical
](/demo/step-by-step-vertical-timeline/)
[
Compact
](/demo/step-by-step-compact-timeline/)
[
One side
](/demo/step-by-step-one-side-timeline/)
[
Horizontal
](/demo/step-by-step-horizontal-timeline/)
[

Buy Plugin
](/plugin/cool-timeline-pro/#pricing)

#### Compact Layout- (Default Design – Light Skin)

[Final Words!](https://cooltimeline.com/timeline/final-words/)Step 5Final Words!If you are facing any difficulty in wordpress plugin installation then you can hire our expert developers team. We provide full wordpress support. Contact here – [contact@cooltimeline.com](mailto:contact@coolplugins.net)

Page 2 of 2 [**](https://cooltimeline.com/demo/step-by-step-compact-timeline/page/1/)
[1](https://cooltimeline.com/demo/step-by-step-compact-timeline/page/1/)
2

**Shortcode** (Above timeline uses this shortcode) :-

`
[[cool-timeline layout="compact" designs="design-1" skin="light" category="howto-timeline" show-posts="4" order="ASC" icons="icon" animations="fade-up" story-content="full" based="custom" compact-ele-pos="main-date" pagination="default" filters="no" year-navigation="show" navigation-position="right"]]
`

#### Compact Layout- (Default Design)

[Final Words!](https://cooltimeline.com/timeline/final-words/)Step 5Final Words!If you are facing any difficulty in wordpress plugin installation then you can hire our expert developers team. We provide full wordpress support. Contact here – [contact@cooltimeline.com](mailto:contact@coolplugins.net)

Page 2 of 2 [**](https://cooltimeline.com/demo/step-by-step-compact-timeline/page/1/)
[1](https://cooltimeline.com/demo/step-by-step-compact-timeline/page/1/)
2

**Shortcode** (Above timeline uses this shortcode) :-

`
[[cool-timeline layout="compact" designs="design-1" skin="default" category="howto-timeline" show-posts="4" order="ASC" icons="icon" animations="fade-in" story-content="full" based="custom" compact-ele-pos="main-date" pagination="default" filters="no" year-navigation="show" navigation-position="right"]]
`