--- title: "Vertical Timeline Flat Design" url: https://cooltimeline.com/demo/vertical-timeline-flat/ date: 2025-11-06 modified: 2026-10-07 lang: en author: "cpsatinder" description: "Vertical Timeline (flat Design) Create Flat Vertical Timeline WordPress Check out the flat vertical timeline demo with a clean, structured layout, that works seamlessly once you add timeline stories to..." image: https://cooltimeline.com/wp-content/uploads/2025/12/vertical_timeline_flat_pro.jpg word_count: 253 --- # Vertical Timeline Flat Design **Vertical Timeline (flat Design) ** # Create Flat Vertical Timeline WordPress Check out the flat vertical timeline demo with a clean, structured layout, that works seamlessly once you [add timeline stories](https://cooltimeline.com/doc/add-timeline-stories/) to your timeline. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ Default ](/demo/vertical-timeline-default/) [ Flat ](/demo/vertical-timeline-flat/) [ Classic ](/demo/vertical-timeline-classic/) [ Elegant ](/demo/vertical-timeline-elegant/) [ Clean ](/demo/vertical-timeline-clean/) [ Modern ](/demo/vertical-timeline-modern/) [ Minimal ](/demo/vertical-timeline-minimal/) [ Buy Plugin ](/plugin/cool-timeline-pro/#pricing) Default Skin Dark Skin Light Skin #### Default Skin- (Flat Design) Increase Power & Stability [Strength Training](https://cooltimeline.com/timeline/strength-training/)[![Strength Training](https://cooltimeline.com/wp-content/uploads/2026/01/Strength-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Strength-Training.jpg)Strength training uses resistance exercises to build muscle power and improve body stability. This service supports bone health, boosts metabolism,… [Read More](https://cooltimeline.com/timeline/strength-training/) Boost Stamina & Energy [Cardio Workouts](https://cooltimeline.com/timeline/cardio-workouts/)[![Cardio Workouts](https://cooltimeline.com/wp-content/uploads/2026/01/Cardio-Workouts.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Cardio-Workouts.jpg)Cardio workouts include activities like running, cycling, or rowing to increase heart endurance. These sessions help burn calories, improve stamina,… [Read More](https://cooltimeline.com/timeline/cardio-workouts/) Motivating Group Workouts [Group Fitness Classes](https://cooltimeline.com/timeline/group-fitness-classes/)[![Group Fitness Classes](https://cooltimeline.com/wp-content/uploads/2026/01/Group-Fitness-Classes.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Group-Fitness-Classes.jpg)Group fitness classes offer guided sessions in an energetic group setting. They encourage consistency, boost motivation, and create a supportive… [Read More](https://cooltimeline.com/timeline/group-fitness-classes/) Relax & Recover Muscles [Spa & Massage](https://cooltimeline.com/timeline/spa-massage/)[![Spa & Massage](https://cooltimeline.com/wp-content/uploads/2026/01/Spa-Massage.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Spa-Massage.jpg)Spa and massage services focus on relaxation and muscle recovery. These treatments help relieve stress, reduce soreness, and promote faster… [Read More](https://cooltimeline.com/timeline/spa-massage/) Page 2 of 3 [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/1/) [1](https://cooltimeline.com/demo/vertical-timeline-flat/page/1/) 2 [3](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-2" skin="default" category="fitness-services" based="custom" story-content="short" show-posts="4" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-3" filters="no" line-filling="true" read-more="hide" content-length="20" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]] ` #### Dark Skin - (Flat Design) Increase Power & Stability [Strength Training](https://cooltimeline.com/timeline/strength-training/)[![Strength Training](https://cooltimeline.com/wp-content/uploads/2026/01/Strength-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Strength-Training.jpg)Strength training uses resistance exercises to build muscle power and improve body stability. This service supports bone health, boosts metabolism,… [Read More](https://cooltimeline.com/timeline/strength-training/) Boost Stamina & Energy [Cardio Workouts](https://cooltimeline.com/timeline/cardio-workouts/)[![Cardio Workouts](https://cooltimeline.com/wp-content/uploads/2026/01/Cardio-Workouts.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Cardio-Workouts.jpg)Cardio workouts include activities like running, cycling, or rowing to increase heart endurance. These sessions help burn calories, improve stamina,… [Read More](https://cooltimeline.com/timeline/cardio-workouts/) Motivating Group Workouts [Group Fitness Classes](https://cooltimeline.com/timeline/group-fitness-classes/)[![Group Fitness Classes](https://cooltimeline.com/wp-content/uploads/2026/01/Group-Fitness-Classes.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Group-Fitness-Classes.jpg)Group fitness classes offer guided sessions in an energetic group setting. They encourage consistency, boost motivation, and create a supportive… [Read More](https://cooltimeline.com/timeline/group-fitness-classes/) Relax & Recover Muscles [Spa & Massage](https://cooltimeline.com/timeline/spa-massage/)[![Spa & Massage](https://cooltimeline.com/wp-content/uploads/2026/01/Spa-Massage.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Spa-Massage.jpg)Spa and massage services focus on relaxation and muscle recovery. These treatments help relieve stress, reduce soreness, and promote faster… [Read More](https://cooltimeline.com/timeline/spa-massage/) Page 2 of 3 [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/1/) [1](https://cooltimeline.com/demo/vertical-timeline-flat/page/1/) 2 [3](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-2" skin="dark" category="fitness-services" based="custom" story-content="short" show-posts="4" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="default" pagination-style="style-4" filters="no" line-filling="true" read-more="show" content-length="20" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]] ` #### Light Skin (Flat Design) Increase Power & Stability Strength Training[![Strength Training](https://cooltimeline.com/wp-content/uploads/2026/01/Strength-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Strength-Training.jpg)Strength training uses resistance exercises to build muscle power and improve body stability. This service supports bone health, boosts metabolism, Boost Stamina & Energy Cardio Workouts[![Cardio Workouts](https://cooltimeline.com/wp-content/uploads/2026/01/Cardio-Workouts.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Cardio-Workouts.jpg)Cardio workouts include activities like running, cycling, or rowing to increase heart endurance. These sessions help burn calories, improve stamina, Motivating Group Workouts Group Fitness Classes[![Group Fitness Classes](https://cooltimeline.com/wp-content/uploads/2026/01/Group-Fitness-Classes.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Group-Fitness-Classes.jpg)Group fitness classes offer guided sessions in an energetic group setting. They encourage consistency, boost motivation, and create a supportive Relax & Recover Muscles Spa & Massage[![Spa & Massage](https://cooltimeline.com/wp-content/uploads/2026/01/Spa-Massage.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Spa-Massage.jpg)Spa and massage services focus on relaxation and muscle recovery. These treatments help relieve stress, reduce soreness, and promote faster **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-2" skin="light" category="fitness-services" based="custom" story-content="short" show-posts="4" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="off" filters="no" line-filling="true" read-more="hide" content-length="20" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]] `