How To Build A Clean Blog Grid Using Divi

The most important part of a successful blog is having great structure. A sharp blog grid is a great way to help your content standout. Keep it simple.  Keep it clean and let the content shine.

A clean blog grid allows you to maximize the onscreen content in view. It starts with a beautiful featured image.  Put the featured image together with a catchy title. This makes it easy for your site’s visitors to find what they’re looking to read.

In this tutorial, we show you how to build a clean blog grid using Divi. 

 

Let’s Get Started

Copy the code below into Blog Module Settings -> Advanced Tab -> Title CSS

CSS CODE


padding-bottom:20px;
margin-bottom:10px;
border-bottom:1px solid #333333;

Copy the code below into Blog Module Settings -> Advanced Tab -> Post Meta CSS

CSS CODE


padding-bottom:10px !important;
margin-bottom:20px;
border-bottom:1px solid #333333;

Related Posts

Build A Fixed Divi Menu

Build A Fixed Divi Menu

We discuss how to custom code a unique menu using the Divi Wordpress Theme. Follow along and you will have a unique menu in minutes.

Join the conversation

0 Comments

Submit a Comment

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