1. Home
  2. Docs
  3. Dynamic Content Elements
  4. Smart Post List

Smart Post List

How to Configure & Style EA Smart Post List

EA Smart Post List is the perfect solution for heavy blog based websites. It lets you display your posts in an interactive manner, inside a grid layout. Every post in this list will be visually presented in separate cards.

Table of Contents:

  1. How to Activate Smart Post List
  2. How to Configure the Content Settings
    2.1. Query
    2.2. Layout Settings
    2.3. Featured Post Settings
    2.4. List Post Settings
  3. How to Style Smart Post List
    3.1. EA Post List Style
    3.2. Others
  4. Final Outcome

1. How to Activate Smart Post List

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

Smart Post List

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

Smart Post List

2. How to Configure the Content Settings

Under the ‘Content’ tab, you will be able to configure ‘Query’, ‘Layout’, ‘Featured Post’ & ‘List Post’ 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.

Smart Post List

2.2. Layout Settings

You can change the layout of EA Smart Post List from this section. You can hide the ‘Topbar’ by disabling the toggle. You also have the capability to make changes to its ‘Title Text’ & ‘All Text’.

Besides, you can use the toggle to hide or display ‘Featured Post’, ‘Category Filter’ & ‘Navigation’. If navigation is enabled, you can change its icons as well.

Smart Post List

2.3. Featured Post Settings

Use the drop-down menu to choose your preferred ‘Featured Post’ which will be highlighted in your Post List. You can change its height & width from this section. Besides, you can change the width of the post lists as well. If you want to hide the Meta, Title or Excerpt of your ‘Featured Post’, simply just turn off the toggle.

Smart Post List

2.4. List Post Settings

From this section, you can change the number of columns of your ‘Post List’. Besides, you can use the toggle to show or hide ‘Featured Image’, ‘Meta’, ‘Title’ or ‘Excerpt’ of your contents as well.

Smart Post List

3.  How to Style Smart Post List

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

3.1. EA Post List Style

From the ‘EA Post List Style’ section, you can change the ‘Background Color’ of your Post List. Besides, you can also add Box Shadow & add ‘Border’ styling.

Smart Post List

3.2. Others

From the ‘Style’ tab, you can add styling to the ‘Top bar’, ‘Navigation’, ‘Featured Post’ & ‘List’ sections as well. You can modify the color & typography of ‘Title’ & ‘Category Filter’. Besides, you can easily add styling to the navigation icons.

Moreover, you have the flexibility to change alignment, color & typography of ‘Title’, ‘Meta’ & ‘Excerpt’ style from the ‘Featured Post Style’ & ‘List Style’ sections.

Smart Post List

4. Final Outcome

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

Smart Post List

This is how you can easily showcase your contents with an attractive & interactive layout using EA Smart Post List.

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

Tags , , , ,

How can we help?