FAIR

Federated and Independent Repositories

Timeline Full Widget

Plugin Banner

Timeline Full Widget

by BlackStar

Download
Description

Timeline Full Widget is a lightweight and flexible WordPress timeline plugin that allows you to create timelines using both Elementor and Gutenberg.

The plugin provides a consistent editing experience across builders and gives you full control over layout, styling, and content without unnecessary complexity.

Key advantages:

  • Works with Elementor and Gutenberg
  • Clean and simple editing experience
  • Customizable styles (colors, typography, spacing)
  • Support for images and video
  • Responsive layout
  • Reusable styles between timeline items

You can use it for:

  • Project timelines
  • Roadmaps
  • Company history
  • Event timelines
  • Milestones
  1. Upload the plugin files to the /wp-content/plugins/timeline-full-widget directory, or install it through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Use the Elementor editor or Gutenberg editor.
  1. Timeline widget in Elementor.

    Timeline widget in Elementor.

  2. Timeline block in Gutenberg.

    Timeline block in Gutenberg.

  3. Timeline block in Gutenberg.

    Timeline block in Gutenberg.

  4. Horizontal and vertical content layouts

    Horizontal and vertical content layouts

Does it work with the latest Elementor?

Yes, tested with Elementor 4.0.3 and WordPress 6.9.

Does it support Gutenberg (block editor)?

Yes, the plugin includes a native Gutenberg block. Type “/timeline”

Can I change the marker on the timeline items?

Yes, you can. Use the “Edit marker” button. In “Marker Settings” you need choose “Unique Marker” option, after that you would be able to set a personal marker like a image.

Can I customize timeline item styles?

Yes, you can control colors, typography, spacing, and alignment for each item.

How to apply the same styles to all Timeline items in block component?

Use the “Apply item styles to other items” button. It copies styles from the current item to all other items.

Can I set a unique marker that is wider (width) than 30 px?

Yes, but timeline styles may need adjustment. Example:

@media (min-width: 701px) {
.tl-mark:has(img) {
max-width: 42px !important;
height: 30px;
left: calc(50% + 2px);
}
}

Is it responsive?

Yes, the timeline layout adapts to different screen sizes.

Will it work with my theme?

Yes, it works with most WordPress themes, including block and classic themes.

2.1.1

  • Bug fixes.

2.1.0

  • Added WordPress Playground support.
  • Added support for horizontal and vertical content layouts.
  • Added an option to reverse media and content order.

2.0.0

  • Bug fixes.
  • Improved Title Typography controls.
  • Added link wrapper support for media elements.
  • Added timeline width style controls.

1.3.0

  • Added a button to copy styles from the current item.
  • Added responsive media queries for the Gutenberg block timeline.
  • Added responsive media queries for the Elementor widget timeline.
  • Added controls for media width inside timeline items.
  • Fixed Content Typography style issues in Elementor.
  • Separated line and marker color styles.

1.2.0

  • Corrected timeline styles in the Gutenberg block.
  • Bug fixes.

1.1.0

  • Bug fixes.
  • Added font-family selection for Title elements in the Gutenberg block.

1.0.1

  • Added sticky text settings for the opposite side of the timeline.
  • Corrected marker animation behavior.

1.0.0

  • Release Date – 25th September 2025.
  • Initial Release.
Back to top