---
title: "One Side Timeline Default Design"
url: https://cooltimeline.com/demo/default-one-side-timeline/
date: 2025-11-10
modified: 2026-09-18
lang: en
author: "cpsatinder"
description: "One Side Timeline (Default Design) Vertical One–Side Timeline Demo Explore the vertical one-side timeline demo featuring a structured single-column layout, easily created using a vertical timeline shortcode. Cool Timeline Pro..."
image: https://cooltimeline.com/wp-content/uploads/2025/12/one_side_timeline_default-design.jpg
word_count: 154
---

# One Side Timeline Default Design

**One Side Timeline (Default Design)**

# Vertical One–Side Timeline Demo
Explore the vertical one-side timeline demo featuring a structured single-column layout, easily created using a [vertical timeline shortcode](https://cooltimeline.com/doc/vertical-timeline-shortcode/).

![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png)
### Cool Timeline Pro
[
Deafult
](/demo/default-one-side-timeline/)
[
Flat
](/demo/flat-one-side-timeline/)
[
Classic
](/demo/classic-one-side-timeline/)
[
Elegant
](/demo/elegant-one-side-timeline/)
[
Clean
](/demo/clean-one-side-timeline/)
[
Modern
](/demo/modern-one-side-timeline/)
[
Minimal
](/demo/minimal-one-side-timeline/)
[

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

Default Skin

Dark Skin

Light Skin

#### Default Skin- (Default Design)

#### Sorry,You have not added any story yet

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

`
[[cool-timeline layout="one-side" designs="design-1" skin="default" category="wedding-timeline" show-posts="4" order="DESC" icons="dot" animations="fade-up" based="custom" timeline-title="" read-more="show" content-length="20"]]
`

#### Dark Skin - (Default Design)

#### Sorry,You have not added any story yet

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

`
[[cool-timeline layout="one-side" designs="design-1" skin="dark" category="wedding-timeline" show-posts="4" order="DESC" icons="dot" animations="fade-up" based="custom" timeline-title="" read-more="show" content-length="20"]]
`

#### Light Skin (Default Design)

#### Sorry,You have not added any story yet

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

`
[[cool-timeline layout="one-side" designs="design-1" skin="light" category="wedding-timeline" show-posts="4" order="DESC" icons="dot" animations="fade-up" based="custom" timeline-title="" read-more="show" content-length="20"]]
`