Roy 
A wall of dates and paragraphs rarely sticks. Put those same events on a timeline though, with a central line, dated markers, and tidy cards, and the story starts reading itself. Company milestones work this way. So does a product roadmap, a personal journey, or your latest blog posts in date order. The sequence does the heavy lifting.
And you don’t need custom code or a different plugin for each style. The Master Addons Timeline widget handles all of it from one place. We’ll build a vertical timeline, flip it to horizontal, pull in posts automatically, then style the whole thing. Once you know where the settings live, it’s a few minutes of work.
A timeline is a chronological list turned into a visual layout. Each entry sits on a central line, marked by a point (a dot or an icon), with a card that holds the date, the title, and your content. The Master Addons Timeline widget gives you two ways to fill those entries and two ways to lay them out.
The two timeline types are Custom Timeline and Post Timeline. Custom means you type each entry by hand, which suits fixed content like a company history or a roadmap. Post Timeline pulls your WordPress posts in automatically, so a new post becomes a new timeline entry with no manual work.
The two timeline styles are Vertical and Horizontal. Vertical stacks entries down the page in an alternating left/right pattern. Horizontal lays them out side by side as a scrollable carousel with navigation arrows. You flip between any of these from a single dropdown, which is the reason this widget stays in my kit alongside the other 76+ widgets and extensions in Master Addons.
The Timeline widget ships with Master Addons for Elementor. Both layout styles and both content types are in the free version, so nothing below requires an upgrade.
Widget missing after activation? Check that it’s switched on under Master Addons > Elements. Every widget can be toggled there, and that’s part of how the plugin stays light. Loading only the widgets you actually use is one of the easier ways to speed up your Elementor site.
We’ll start with a custom vertical timeline. It’s the quickest to wrap your head around, and everything else branches off it.
Edit your page with Elementor, search for “Timeline” in the widget panel, and drag it into a section. It drops in with three sample entries already filled, so you see a working timeline right away instead of a blank box. Small thing, but it saves you from guessing what each field does.
In the Content tab, open the Timeline section. Two dropdowns do most of the work here: Timeline Type (Custom or Post) and Timeline Style (Vertical or Horizontal). Leave Type on “Custom Timeline” and Style on “Vertical Timeline” for now.
Under Items, each entry shows up as a repeater row (the samples are dated February 2, 2014, May 10, 2015, and June 21, 2016). Click a row to expand it and edit the date, title, content, and image. Add Item creates a new entry, the duplicate icon copies an existing one, and you reorder them by dragging the rows.
That’s a complete custom timeline. A few clicks of “Add Item,” a date and a sentence in each, and you’ve documented a company history or a project roadmap.
The Timeline Type dropdown is where this widget earns its place. Switch from Custom to Post Timeline and the whole panel changes: instead of editing items by hand, you tell the widget which posts to show and it builds the timeline from your content.
Reach for Custom Timeline when the content is fixed and editorial:
Reach for Post Timeline when the content is your blog and should keep itself current:
Set Timeline Type to Post Timeline and the Content panel fills with post controls. It’s the same dynamic approach you’d use to build a blog page in Elementor, only it comes out as a timeline instead of a grid.
The settings worth knowing:
You can also filter which posts appear by category, tag, author, or specific post IDs. One timeline might show “everything in News,” another a hand-picked set. Since it reads straight from your posts, it sits well inside a Theme Builder archive or single template, where it refreshes every time you hit publish.
Change Timeline Style to “Horizontal Timeline” and the layout rotates. Entries now sit side by side along a horizontal central line, each with its point marker above the card, and left/right arrows let visitors scroll through them like a carousel.
Horizontal earns its keep when you have a handful of strong milestones and want them above the fold, say a product launch sequence on a landing page. Vertical is the safer pick for longer lists or text-heavy entries, since reading top to bottom feels natural on a phone. One thing I’ve run into: a horizontal carousel and a vertical stack don’t behave the same on small screens, so preview both against your responsive breakpoints before you ship.
The Style tab has a section for every part of the timeline: Layout, Cards, Arrow, Dates, Line, Points, Navigation, and Patterns. This is where a generic sample turns into something that matches your brand.
Under Line, set the central line’s color and thickness. Under Points, decide whether each marker is a plain dot or an Icon, then choose the icon, its size, the background color, and the point color. The icon picker opens a full library, so a calendar for events or a flag for milestones is one click away.
The Points section carries three state tabs: Default, Hover, and Focused. Default is the resting look, Hover is the mouse-over look, and Focused highlights the active item. That last one matters most in a horizontal carousel, where it tells visitors which entry is currently centered. Styling all three is what makes the timeline feel interactive instead of flat.
The Cards section controls each entry’s background, border, shadow, and spacing. Dates plus the title and content typography settings let you match your site’s fonts. Keep card padding consistent and your contrast readable, because a timeline lives or dies on whether people can scan it.
A few ways I’ve put the Timeline widget to work on real projects:
For every control and the odd edge case, the Timeline widget documentation goes deeper than I can here. And if you want premium layouts, white label, and the rest of the library, Master Addons Pro unlocks them.
Yes. The Master Addons Timeline widget is part of the free plugin. You get both vertical and horizontal styles, plus custom and post timeline types, without upgrading. Pro adds extra widgets, template kits, and white label, but the timeline itself works on the free version.
Not easily. Elementor’s core has no timeline element, so you’d be building one by hand with columns, dividers, and custom CSS. A widget like Master Addons Timeline handles the central line, markers, alternating cards, and responsiveness for you in a few clicks.
A custom timeline uses entries you type by hand, ideal for fixed content like company history. A post timeline pulls your WordPress posts automatically, so new posts become new entries. Choose custom for editorial content and post for anything that should update itself.
Yes. In the Timeline widget’s Content tab, set Timeline Style to “Horizontal Timeline.” Entries lay out side by side along a horizontal line with navigation arrows, working like a carousel. You can switch back to vertical from the same dropdown anytime.
The widget is responsive, and you can tune sizes per device. Vertical timelines adapt most naturally to small screens. If you use horizontal, preview it on mobile and adjust your breakpoints, since side-by-side cards behave differently than a top-to-bottom stack.
So that’s how to create a timeline in Elementor end to end: drag in the widget, pick your type and style, fill or filter the entries, then style the line, points, and cards to fit your brand. Custom timelines hold your fixed stories. Post timelines keep themselves current. The vertical and horizontal switch covers both long histories and tight roadmaps.
Install Master Addons, drop a Timeline widget on your next About or product page, and turn a list of dates into something people actually read.
Related reading: Create a blog page with Elementor · How to speed up Elementor websites · Browse all Master Addons widgets
Get all the premium widgets and templates you desire, built with clean code that keeps your site fast. Ditch the bloat, not the features.
110+ Premium Widgets & Lifetime Updates – Build Beyond Limits. An Exclusive Creation by Pixar Labs
Every Master Addons Pro license comes with a 14-day no-questions refund, lifetime updates, and priority support. Try it risk-free this Spring – 40% OFF with “RESET40″ coupon.
