Skip to content
A custom element for the YOOtheme Pro Page Builder to render a timeline based on the grid element
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

Timeline Element

A custom element for the YOOtheme Pro Page Builder based on the grid element.

Copyright (C) 2007–2020 YOOtheme GmbH, 2020 forrestkirby

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see


  • download and unzip the element package
  • create a Child Theme in your YOOtheme Pro installation and activate the child theme
  • copy the complete folders hd-timeline and hd-timeline_item into the directory /templates/yootheme_child/builder/ (Joomla!) or /wp-content/themes/yootheme-child/builder/ (WordPress) of your installation while child must be the name of your child theme
  • access the YOOtheme Pro Page Builder, the custom elements should now be available


Please report issues using the Github issue tool.

Changes in Version 2.0.0-beta.10

To avoid a naming conflict, the former property icon got renamed to timeline_icon. When updating, first replace the timeline item files and second update YOOtheme Pro. This way, your existing timeline elements should be updated properly without having to re-assign the icons.


  • set icon ratio (per item)
  • set text align per item
  • set item alignment per item
  • use breakpoints of style customizer (might require usage of LESS)
  • allow masonry effect / overlap of items for alternate item alignment to reduce empty areas
  • optimize CSS


Timeline Element is a custom element for YOOtheme Pro developed by YOOtheme.






You can’t perform that action at this time.