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:
- How to Activate Smart Post List
- How to Configure the Content Settings
2.1. Query
2.2. Layout Settings
2.3. Featured Post Settings
2.4. List Post Settings - How to Style Smart Post List
3.1. EA Post List Style
3.2. Others - Final Outcome
1. How to Activate Smart Post List
To use this Essential Addons element, find the ‘EA Smart Post List‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘EA Smart Post List’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with this step, this is how the element is going to look like.
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.
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.
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.
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.
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.
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.
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.
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.