Adding Related Posts Section On Single Post Page With Beaver Themer

How do you add the Related Posts section on your single post page using the Beaver Themer add-on? In this tutorial I am sharing the complete steps.

Minimum Requirements:

1. Beaver Builder Plugin
2. Beaver Themer Add-on

Make sure that you created the single post details page with Beaver Themer add-on. Now you will try the following steps:

• Drag&Drop the 1 column row below the post content. You can select your position as per your mind.
• Drag&Drop the Heading module and enter Related Posts text into the Heading field.
• Drag&Drop the Posts module below the Heading module
• Here is the Settings details of Posts module
  • Layout Tab
    • Layout: Columns
    • Post Layout: Custom.
    • Custom Post Layout: Sharing the HTML and CSS code at below.
    • Equal Heights: Yes
    • Columns: 3
    • Post Spacing: 15px
    • Post Terms: Hide
  • Content Tab
    • Source: Custom Query
    • Post Type: Posts
    • Exclude Current Post: Yes
  • Pagination Tab
    • Pagination Style: None
    • Posts Per Page: 6
    • Show Search: Hide
  • Advanced Tab
    • Class: related-blog-posts. It would be unique.
• Save the module

Custom Post Layout: HTML Code