--- title: Timeline Widget Settings description: "A timeline turns a list of dates into something people actually read: company history, a product roadmap, a project schedule, a step-by-step process. The free [Timeline widget](https://master-addons.com/element/timeline/) in [Master Addons for Elementor](https://master-addons.com/widgets-and-extensions/) builds all of those. You can pull entries…" url: "https://master-addons.com/docs/addons/timeline-element/" updated: "2026-09-15" category: Addons --- # Timeline Widget Settings A timeline turns a list of dates into something people actually read: company history, a product roadmap, a project schedule, a step-by-step process. The free [Timeline widget](https://master-addons.com/element/timeline/) in [Master Addons for Elementor](https://master-addons.com/widgets-and-extensions/) builds all of those. You can pull entries straight from your blog posts or type your own custom items, then show them as a vertical line, a horizontal strip, or a sliding carousel. It is one of the more flexible widgets in the set, since the same content can switch between layouts with one dropdown. Below is a walk through both timeline types, all three layouts, and the styling controls for the cards, dates, line, and points. [Free Timeline widget for Elementor Page builder](https://www.youtube.com/embed/0mcDMKrH1A0?feature=oembed) ## What the Timeline widget does The widget arranges dated entries along a connecting line. Each entry is a card with a date, some content and an optional image, and the line runs between the cards with a point marking each one. There are two ways to fill it. **Post Timeline** (Pro) pulls your WordPress posts in date order, so the timeline updates itself as you publish. **Custom Timeline** lets you add items by hand for anything that is not a blog post, like founding dates or release notes. The widget has three tabs: Content for the data and layout, Style for the look, and Advanced for the usual Elementor options. ## Before you start - **WordPress** with **Elementor** installed and active. - **Master Addons for Elementor** installed and active. New to the plugin? See the [installation guide](https://master-addons.com/docs/getting-started/installing-plugin/). - The dates and entries you want to show, or published posts if you are using the Post Timeline, which needs Master Addons Pro. ## How to add the Timeline widget In the Elementor editor, open the **Elements** panel and search for **Timeline**, or scroll to the Master Addons section. Drag it onto your page. It loads with sample entries so you start from a working layout instead of a blank one. ## Post Timeline: pull entries from your posts Set **Timeline Type** to **Post Timeline** (Pro) and the widget builds itself from your blog posts. Reach for this when you want a timeline of news, releases, or articles that keeps itself current. ![Timeline Content tab set to Post Timeline with title, thumbnail, date, and query controls](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081250/timeline-02-post-timeline.webp) - **Ignore Sticky:** skip sticky posts so they do not jump to the top. - **Enable Links:** make each card link to its post. Turn it off if you have links inside the card content, since a link inside a linked card will not work. - **Title:** show or hide the post title, give it a link, and set the heading tag (H2 by default). - **Thumbnail:** show the featured image and choose its resolution. - **Date:** set the date and time format shown on each card. - **Query:** Posts Per Page, Order By, Post Order and Offset Post Count control how many posts appear and in what order. Category, Filter By Tag, Author and Posts to Exclude narrow down which posts show. ## Custom Timeline: add your own items Set **Timeline Type** to **Custom Timeline** and an **Items** repeater appears. Each item is one entry on the timeline, with its own date or custom label, content, image and link. Use **Add Item** to add entries, the copy icon to duplicate one, and the X to remove it. ![Timeline Custom Timeline type with an Items repeater and a vertical timeline layout in the canvas](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081255/timeline-03-custom-vertical.webp) This is the type for history pages, roadmaps, or any sequence that is not driven by blog posts. Open an item to set its date or a custom label, the content, an optional image and a link for the card. There is no separate title field, so put a heading at the top of the content box if you want one. ### Pick a timeline style With Custom Timeline selected, the **Timeline Style** dropdown switches between **Vertical Timeline** and **Horizontal Timeline**. Vertical stacks the cards down a center line with the dates alternating left and right. Horizontal lays the entries across the page as a row you scroll through. ![Timeline Horizontal Timeline style showing dated entries laid out left to right with navigation arrows](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081301/timeline-04-horizontal-style.webp) ## Navigation for horizontal timelines The horizontal style turns on a **Navigation** section that controls how visitors move through the entries. ![Timeline Navigation settings with arrows, scrollbar, arrows position, placement, and custom next and previous icons](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081306/timeline-05-navigation.webp) - **Navigation:** choose Arrows and Dots, Arrows and Fraction, Arrows, Dots, Progress or None, and optionally show a scrollbar. - **Arrows Position and Placement:** set where the arrows sit and whether they are inside or outside the timeline. - **Next and Previous Icons:** swap in your own icons for the arrows. ## Carousel settings The horizontal timeline can run as a slider. The **Carousel Settings** section sets how it moves, including a coverflow layout that angles the side cards. ![Timeline Carousel Settings with coverflow layout, autoplay, autoplay speed, slides to scroll, loop, and animation speed](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081317/timeline-07-carousel-settings.webp) - **Layout:** a standard slide or the Coverflow effect. - **Autoplay and Autoplay Speed:** advance the slides on their own at a set pace. - **Pause on Hover, Loop, and Slides to Scroll:** fine-tune how the carousel behaves. - **Animation Speed:** how fast each transition runs. ## Style the timeline The **Style** tab breaks the timeline into parts you can style on their own: **Layout**, **Images**, **Cards**, **Arrow**, **Dates**, **Line**, **Points**, and **Navigation**, plus **Patterns** (a Pro option). The **Points** section is a good example. You can set each point as an icon, choose its size, and give it Default, Hover, and Focused colors, so the marker on the active card stands out. ![Timeline Style tab Points section with point type set to Icons, size, background color, and points color](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081312/timeline-06-style-points.webp) - **Layout:** horizontal and vertical alignment, card spacing, and a Reverse Cards Positions toggle. - **Cards:** background, border, radius, box shadow, padding, and item gap. - **Dates and Line:** typography and color for the dates, plus the line's background, progress color, and thickness. - **Points:** point type, size, and colors for each state. ## The result on the page Publish or preview and the timeline renders with your cards, dates, line, and points in place. Here is a vertical timeline with alternating cards and a colored connecting line, the layout that suits a history or roadmap section. ![Finished Master Addons vertical timeline on the live page with alternating cards, dates, a colored line, and plus-icon points](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/06/30081323/timeline-08-frontend-result.webp) ## Common use cases - **Company history** with a founding date and milestones down a vertical line. - **Product roadmaps** showing past releases and what is coming next. - **Project schedules** laid out as a horizontal strip of phases. - **A blog or news feed** built automatically with the Post Timeline. - **Step-by-step processes** where each step has a date or stage. ## Tips for working with the Timeline widget - **Use Post Timeline for anything that updates.** News and release logs stay current without you touching the widget again. - **Keep card text short.** A title and two or three lines read best, especially in the horizontal layout. - **Match the layout to the content.** Long histories suit vertical; a handful of phases work well horizontal. - **Set the line progress color.** A different progress color shows how far down the timeline a visitor has scrolled. - **Turn off Enable Links if cards contain links.** A link inside a linked card does not work, so pick one or the other. This one trips people up often. ## Frequently Asked Questions What is the Timeline widget in Master Addons? It is an Elementor widget that arranges dated entries along a connecting line. Each entry is a card with a date, content and an optional image. Build it from custom items for free, or from your blog posts with Pro, and show it vertically or as a horizontal carousel. Can the timeline pull entries from my blog posts? Yes, with Master Addons Pro. Set Timeline Type to Post Timeline and the widget builds itself from your WordPress posts in date order. You control the post count, order, offset, title, thumbnail, and date format, and the timeline updates itself as you publish new posts. Does the Timeline widget support horizontal layouts? Yes. With a Custom Timeline, the Timeline Style dropdown switches between Vertical and Horizontal. The horizontal layout lays entries across the page and adds Navigation and Carousel Settings, including arrows, a scrollbar, autoplay, and a coverflow slider effect. Can I add my own dates and content instead of posts? Yes. Choose Custom Timeline and use the Items repeater to add entries by hand. Each item has its own date or label, content, image and link, which is ideal for company history, roadmaps, or any sequence that is not driven by blog posts. Can I style the timeline points and line? Yes. The Style tab has separate sections for the Line and Points. You can set the line's background color, progress color, and thickness, and make each point an icon with its own size and Default, Hover, and Focused colors. ## Wrapping up The Timeline widget turns a set of dates into a clear visual sequence, whether the entries come from your posts or your own custom items. Pick a type, choose vertical, horizontal, or carousel, then style the cards, line, and points to match your page. For related layout tools, see the [Changelog widget](https://master-addons.com/element/changelogs/) and the [Blog Posts widget](https://master-addons.com/element/blog/), browse the full [Master Addons widgets and extensions](https://master-addons.com/widgets-and-extensions/), and see the [Timeline widget page](https://master-addons.com/element/timeline/) for a comparison of Custom and Post Timelines. Post Timeline needs Pro, so check the [pricing page](https://master-addons.com/pricing/) for plans.