Go to athemes.com

ProUsing the Timeline Widget

See this widget in action here.

Need to present a sequence of events, milestones, or steps in a visual format? The Timeline widget in aThemes Addons lets you create attractive vertical timelines with customizable markers, dates, and content cards for each entry.

In this guide, we’ll walk you through how to activate, configure, and style the Timeline widget in aThemes Addons.

Table of Contents
  1. Activating the Timeline Widget
  2. Adding Timeline Items
  3. Styling the Timeline Widget

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. This widget requires aThemes Addons Pro.

Activating the Timeline Widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it:

  1. Navigate to the aThemes Addons dashboard in your WordPress admin area.
  2. Search for the Timeline widget.
  3. Toggle the switch to activate it. The widget will now be available in the Elementor interface.

Adding Timeline Items

Content Section

  • Items: Add multiple timeline items, each with a title, date, and content.
  • Icons and Images: Optionally include icons or images as markers for each timeline item.
  • Marker Position: Position markers to the left, right, or center of the timeline.
  • Marker Style: Choose between circle, date, icon, or image for timeline markers.
  • Alignment: Adjust the alignment of the timeline content.

Styling the Timeline Widget

  • Card Style: Customize the padding, border-radius, background color, and box shadow for each timeline item.
  • Marker Style: Adjust the background color, text color, border-radius, and line color and width.
  • Date Style: Modify the typography and color of the date text.
  • Title Style: Change the typography and color of the timeline item titles.
  • Content Style: Adjust the typography and color of the content for each item.
  • Image Style: Define the spacing and border-radius for images used as markers.

That’s it! You’ve successfully created and customized a visual timeline on your WordPress site using the aThemes Addons Timeline widget.

Next, would you like to create a timeline that pulls from your blog posts automatically? Check out our guide on Using the Post Timeline Widget to learn more.

image_print