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

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.

View Demo