Creative Blog Layout using Divi Blog Module

The blog is one of the most important page and it is bit difficult to design so that it stands out. We have seen a lot of websites using default blog layout and in this post we ll design blog posts layout using blog module in Divi theme and hopefully it ll inspire you.

Step: 1

We’ll start with adding a standard section to a new or existing page, then choose blog module.

Edit Row module and click advanced tab then add css class “project-section”

Step: 2

Edit blog module and set things according to your choice, only necessary things for this article is listed below:

  • Show Excerpt
  • Show Featured Image

blog module settings

After that goto advanced tab and assign css class “project-block”

Step: 3

Add the following CSS to your child theme or Divi theme options -> Custom CSS area.

About MZ Creative Studio

MZ Creative Studio is a web design and development company. Our mission is to provide top quality web services for individuals, companies and agencies round the globe.

2 thoughts on “Creative Blog Layout using Divi Blog Module

Leave a Reply

Your email address will not be published. Required fields are marked *

Do you have a website project you’d like to discuss?

Get in touch