--- title: "Vertical Timeline Flat Design" url: https://cooltimeline.com/demo/vertical-timeline-flat/ date: 2025-11-06 modified: 2026-09-18 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: 255 --- # 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 [ Deafult ](/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) Build Strength & Endurance [Gym Training](https://cooltimeline.com/timeline/gym-training/)[![Gym Training](https://cooltimeline.com/wp-content/uploads/2026/01/Gym-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Gym-Training.jpg)Gym training helps improve muscle strength, stamina, and overall fitness using modern equipment and structured routines. It supports a healthy… [Read More](https://cooltimeline.com/timeline/gym-training/) Fun Dance-Based Fitness [Zumba Classes](https://cooltimeline.com/timeline/zumba-classes/)[![Zumba Classes](https://cooltimeline.com/wp-content/uploads/2026/01/Zumba-Classes.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Zumba-Classes.jpg)Zumba combines energetic dance moves with music to create an enjoyable workout. It helps burn calories, improve coordination, and boost… [Read More](https://cooltimeline.com/timeline/zumba-classes/) Balance Body & Mind [Yoga Sessions](https://cooltimeline.com/timeline/yoga-sessions/)[![yoga sessions](https://cooltimeline.com/wp-content/uploads/2026/01/Yoga-Sessions.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Yoga-Sessions.jpg)Yoga focuses on flexibility, posture, and relaxation through guided poses and breathing exercises. These sessions help reduce stress, improve balance,… [Read More](https://cooltimeline.com/timeline/yoga-sessions/) Customized Fitness Guidance [Personal Training](https://cooltimeline.com/timeline/personal-training/)[![Personal Training](https://cooltimeline.com/wp-content/uploads/2026/01/Personal-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Personal-Training.jpg)Personal training provides one-on-one coaching based on individual fitness goals. Trainers design tailored workout plans, track progress, and ensure correct… [Read More](https://cooltimeline.com/timeline/personal-training/) Page 1 of 3 1 [2](https://cooltimeline.com/demo/vertical-timeline-flat/page/2/) [3](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/2/) **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-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"]] ` #### Dark Skin - (Flat Design) Build Strength & Endurance [Gym Training](https://cooltimeline.com/timeline/gym-training/)[![Gym Training](https://cooltimeline.com/wp-content/uploads/2026/01/Gym-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Gym-Training.jpg)Gym training helps improve muscle strength, stamina, and overall fitness using modern equipment and structured routines. It supports a healthy… [Read More](https://cooltimeline.com/timeline/gym-training/) Fun Dance-Based Fitness [Zumba Classes](https://cooltimeline.com/timeline/zumba-classes/)[![Zumba Classes](https://cooltimeline.com/wp-content/uploads/2026/01/Zumba-Classes.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Zumba-Classes.jpg)Zumba combines energetic dance moves with music to create an enjoyable workout. It helps burn calories, improve coordination, and boost… [Read More](https://cooltimeline.com/timeline/zumba-classes/) Balance Body & Mind [Yoga Sessions](https://cooltimeline.com/timeline/yoga-sessions/)[![yoga sessions](https://cooltimeline.com/wp-content/uploads/2026/01/Yoga-Sessions.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Yoga-Sessions.jpg)Yoga focuses on flexibility, posture, and relaxation through guided poses and breathing exercises. These sessions help reduce stress, improve balance,… [Read More](https://cooltimeline.com/timeline/yoga-sessions/) Customized Fitness Guidance [Personal Training](https://cooltimeline.com/timeline/personal-training/)[![Personal Training](https://cooltimeline.com/wp-content/uploads/2026/01/Personal-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Personal-Training.jpg)Personal training provides one-on-one coaching based on individual fitness goals. Trainers design tailored workout plans, track progress, and ensure correct… [Read More](https://cooltimeline.com/timeline/personal-training/) Page 1 of 3 1 [2](https://cooltimeline.com/demo/vertical-timeline-flat/page/2/) [3](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/2/) **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) Build Strength & Endurance [Gym Training](https://cooltimeline.com/timeline/gym-training/)[![Gym Training](https://cooltimeline.com/wp-content/uploads/2026/01/Gym-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Gym-Training.jpg)Gym training helps improve muscle strength, stamina, and overall fitness using modern equipment and structured routines. It supports a healthy… [Read More](https://cooltimeline.com/timeline/gym-training/) Fun Dance-Based Fitness [Zumba Classes](https://cooltimeline.com/timeline/zumba-classes/)[![Zumba Classes](https://cooltimeline.com/wp-content/uploads/2026/01/Zumba-Classes.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Zumba-Classes.jpg)Zumba combines energetic dance moves with music to create an enjoyable workout. It helps burn calories, improve coordination, and boost… [Read More](https://cooltimeline.com/timeline/zumba-classes/) Balance Body & Mind [Yoga Sessions](https://cooltimeline.com/timeline/yoga-sessions/)[![yoga sessions](https://cooltimeline.com/wp-content/uploads/2026/01/Yoga-Sessions.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Yoga-Sessions.jpg)Yoga focuses on flexibility, posture, and relaxation through guided poses and breathing exercises. These sessions help reduce stress, improve balance,… [Read More](https://cooltimeline.com/timeline/yoga-sessions/) Customized Fitness Guidance [Personal Training](https://cooltimeline.com/timeline/personal-training/)[![Personal Training](https://cooltimeline.com/wp-content/uploads/2026/01/Personal-Training.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Personal-Training.jpg)Personal training provides one-on-one coaching based on individual fitness goals. Trainers design tailored workout plans, track progress, and ensure correct… [Read More](https://cooltimeline.com/timeline/personal-training/) Page 1 of 3 1 [2](https://cooltimeline.com/demo/vertical-timeline-flat/page/2/) [3](https://cooltimeline.com/demo/vertical-timeline-flat/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-flat/page/2/) **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="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"]] `