The Vertical Curved Timeline widget for Elementor helps you present your story in a visually striking, curved format. Whether you’re showcasing company milestones, project timelines, or historical journeys, this widget adds a dynamic flow that captures attention. With full control over colors, icons, and animations, you can tailor every detail to match your site’s design. Its responsive layout ensures your timeline looks great on any screen. This widget is perfect for creating memorable storytelling experiences directly inside Elementor.
Let’s look at each of the options in the Vertical Curved Timeline widget for Elementor below.
Elementor Vertical Curved Timeline Widget Tutorial Video (Step by Step Guide)
Add a Vertical Curved Timeline Widget to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Vertical Curved Timeline”
- Hover over the widget in the search results and click install
- Add the “Vertical Curved Timeline” widget to any Elementor Page
General Settings
Show Image (Pro)
This setting allows you to display an image alongside the content.
Show Title
Enable to display the title of the item above the content block.
Title Tag
Set the HTML tag for the title.
H2
H3
H4
H5
DIV
Show Sub Title (Pro)
This setting adds a subtitle below the main title.
Show Description
Enable to display a short description or summary below the title. Useful for providing additional context.
Show Button (Pro)
This setting allows you to add a call-to-action button below the description.
Source Settings
The Vertical Curved Timeline widget supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.
Items
You can use the item repeater field as item source.
WordPress Posts (Pro)
Display WordPress posts dynamically in vertical curved timeline, including custom post types and fields for maximum flexibility.
Meta Field (Pro)
Use Meta as an item source for your vertical curved timeline to dynamically display and manage content from your Meta data.
JSON or CSV (Pro)
Load your vertical curved timeline with data from JSON or CSV files to easily manage and display structured content.
Gallery (Pro)
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms (Pro)
Use Terms as a source for your vertical curved timeline to dynamically display and manage taxonomy terms from your WordPress site.
Users (Pro)
You can use WordPress Users as an item source for your vertical curved timeline to display and manage dynamic content from your site’s user data.
Menu (Pro)
Use your WordPress Menu as a source for the vertical curved timeline to dynamically display and manage menu items in a visually engaging layout.
API Integrations (Pro)
Integrate an API into your vertical curved timeline to dynamically fetch and display data from external systems or services.
Items Settings
Manage the items of vertical curved timeline using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Item Title
Define the title of the item.
Graphic Elements
Select the type of graphic symbol that appears alongside the item content.
Available options:
- Index Number – Display a numeric counter representing the item's position in the list.
- Text (Pro) – Display custom text as the graphic element. Available only in the Pro version.
- Icon – Display an icon from the icon library to visually represent the item.
Image
Upload or choose an image to visually represent the item.
Title
Set the item’s main heading text.
Sub Title
Define the supporting text that appears below the title.
Description
Enter a rich text or visual description for the item.
Link
Set the URL to redirect when the item is clicked.
Button Text
Define the label for the call-to-action button.
Graphic Element BG
Set the background color for the graphic element.
Schema Settings
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
Vertical Curved Timeline Widget Styling
You can customize every aspect of the widget’s design, including colors, text, icons, fonts, and layout, to perfectly match your website’s style.
Timeline Styling
Set the curved line color, typography, color, spacing of title and description elements.
Graphic Element Styling
Set the element size, typography, background color, font color, box shadow, border, border radius, and item size.
Vertical Curved Timeline Design Examples For Elementor
Here are the live use cases for the Vertical Curved Timeline Widget.
Vertical curved timeline with a life journey.
Workflow shown as vertical curved timeline.
We hope this guide helped you explore the powerful features of the Vertical Curved Timeline Widget. With its curved layout, customizable elements, and responsive design, you can showcase your milestones and stories effortlessly. If you have any questions or need further assistance, feel free to reach out.