1. Home
  2. Docs
  3. Dynamic Content Elements
  4. Post Timeline

Post Timeline

How to Configure & Style EA Post Timeline

EA Post Timeline lets you build a vertical timeline for the contents of your website. As a result, this massively helps users to easily navigate through all your blog posts.

Table of Contents:

  1. How to Activate Post Timeline
  2. How to Configure the Content Settings
    2.1. Query
    2.2. Layout Settings
  3. How to Style Post Timeline
    3.1. Timeline Style
    3.2. Others
  4. Final Outcome

1. How to Activate Post Timeline

To use this Essential Addons element, find the EA Post Timelineelement from the Search option under the ELEMENTS tab. Simply just Drag & Drop the EA Post Timeline’ into the Drag widget hereor the ‘+’ section.

Post Timeline

After you are successfully done with this step, this is how the element is going to look like.

Post Timeline

2. How to Configure the Content Settings

Under the ‘Content’ tab, you will be able to configure ‘Query’ & ‘Layout Settings’.

2.1. Query

From this section, you can choose the ‘Source’ of your query from where the contents will be retrieved and displayed. You can use the drop-down to select one of these as your source: Posts, Pages, WooCommerce Products & Manual Section.

After choosing your preferred ‘Source’, you can filter your contents by ‘Author’, ‘Categories’ & ‘Tags’. You have the flexibility to choose multiple options and add many authors, categories & tags as you wish. If you do not want certain posts to appear, you can simply ‘Exclude’ those contents as well.

Moreover, you can set the number of ‘Posts Per Page’ and changes its ‘Order By’ option as well.

Post Timeline

Click to See Live Demo

2.2. Layout Settings

‘Layout Settings’ allows you to use the toggle to hide or display ‘Image’, ‘Title’, ‘Excerpt’ & ‘Meta’. If you wish to show images of your contents, you can adjust the image size.

Similarly, if you toggle on the show except for your posts in the timeline, you will be able to set the limit of excerpt words from here. If enabled, you can change the position of ‘Meta’ as well. Moreover, you are also able to change the label text of the ‘Load More Button’.

Post Timeline

3.  How to Style Post Timeline

Switch to the ‘Style’ tab to style all the features of the Post Timeline and get your desired result.

3.1. Timeline Style

From the ‘Timeline’ section, you can change the color of Overlay, Timeline Bullet, Border and many more.

Post Timeline

3.2. Others

The ‘Typography’ section is divided into two inner sections: Title & Expert. You can pick separate colors for them and change their alignment & typography.

On the other hand, you can adjust the Background & Text Color of the button both when it’s in a normal view or a when mouse is hovered over it from ‘Load More Button Style’ section. You are also able to easily customize the ‘Load More Button’ by adding Border, Box Shadow & changing its typography.

Post Timeline

4. Final Outcome

By following the basic steps and a bit more modifying, you can style your Post Timeline content as per your preference.

Post Timeline

This is how you can design a beautiful post layout in an eventful manner on the website using EA Post Timeline.

Getting stuck? Feel to Contact Our Support for further assistance.

Get Started Now

Tags , , , ,

How can we help?