All Collections
FAQ's and Troubleshooting
How to display a Recent Blog Posts List in the Sidebar using the Blog Module
How to display a Recent Blog Posts List in the Sidebar using the Blog Module

Showcase a list of your most recent blog posts in your website's sidebar by using the Blog Module

Goran Cajic avatar
Written by Goran Cajic
Updated over a week ago

To deploy the Blog Module within the Sidebar of a Theme Builder Custom Body template designed to manage All Archives follow these steps:

  1. Go into Divi > Theme Builder

  2. Edit All Archive Pages > Custom Body (or create a new one)

  3. Create a new 80:20 Row

  4. Insert a Blog Module in the left Column (enable its Content > Posts For Current Page)

  5. Insert Blog Module in the right Column

  6. Set the right Column Blog Module > Elements to show only Featured Image and Date

  7. Go to the Blog module -> Advanced tab -> CSS Class and add a new CSS class. In our example, we will use the et_sidebar_blog_posts CSS class.

    For more details on how to add a custom CSS class, you can also visit this article: How To Add Additional CSS Classes To Divi Modules.

  8. Insert this CSS code into Theme Options > Custom CSS box and click the green "Save Changes" button to save changes.

    /* Start ET sidebar posts Blog Module */
    .et_sidebar_blog_posts .entry-featured-image-url {
    width: 80px;
    height: 80px;
    float: left;
    margin-bottom: 0!important;
    overflow: hidden;
    .et_sidebar_blog_posts .entry-featured-image-url img {
    width: 100%;
    height: auto;
    object-fit: cover;
    .et_sidebar_blog_posts .entry-title,
    .et_sidebar_blog_posts .post-meta {
    width: calc(100% - 80px);
    float: left;
    padding-left: 20px;
    .et_sidebar_blog_posts .et_pb_post:not(:last-child) {
    border-bottom: 1px solid #0070fc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /* End ET sidebar posts Blog Module */

  9. Save theme options and load a Post Category page on the website frontend - the Blog Module will show in the Sidebar of All Archive Pages:

Did this answer your question?