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

Smart Post List

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.

Content

Post Settings: From here you can specify which type of post/page you want to include in the List. You can fetch posts/pages according to the categories you have used on your website. Then adjust the Number of posts, post offset. Finish it off by specifying the order in which you want to display the posts in the List. You can order the posts by post author, post ID, Title, Comment count and so on. And lastly, set ascending/descending order for the posts.

Layout Settings: Use the toggle bars to enable/disable Top Bar, Category Filter, Navigation and Featured Post. Then select an icon for Previous/Next Post button.

Featured Post Settings: Use this setting for adding styling to the Featured Posts. The featured post will also be displayed in a card layout, but it will be easily distinguishable from the other post cards. From this settings, option set the height and width for the featured post card. Use the toggle bar to enable/disable Meta, Title and Excerpt.

List Post Settings: Use this setting for adding styling to the other posts in the list. First, use the drop-down to specify the number of columns you want to divide the Post List into. Then use the toggle bar to enable/disable Feature Image, title, Meta and Excerpt.

Style

EA Post List Style: Adjust the background color, padding, margin, border type and radius from here.

Topbar Style: First adjust the background color, border type, and width of the Top Bar menu. Top Bar styling is very important if you are letting your visitors filter the post according to their categories. You can separately adjust the styling for the Title, Background color, title color, and typography. Similarly, you can also adjust the styling for the Category Title-adjust the Background color, normal color, and active color. Also, adjust the padding and margin.

Navigation Style: From here adjust the icon for the navigation options. Set the Icon color and Icon Background color for both normal and hover state. You can also adjust the padding, margin and border radius for the Navigation Bar.

Featured Post Style: The settings are divided and listed into three sections- Title, Meta, and Excerpt style.

List style: This is similar to the Featured Post Style settings. Any stylings you specify from here will apply to the posts other than the Featured Post. The settings are divided and listed into three sections- Title, Meta, and Excerpt style.

Click to See Live Demo!

How can we help?