Adding lines between post previews (Divi)

by Jul 11, 2018DIVI TIPS0 comments

When you use the blog module in Elegant Themes’ Divi theme, there might be instances where you want to add a line between the post previews, as shown in the image below. In this particular case, I was using the blog module out-of-the box, without the featured images. Adding the lines makes it look more organized.

Line between blog excerpts in Divi

To add this effect, go to your WordPress dashboard, navigate to Divi > Theme Options and scroll all the way down to the Custom CSS field. Copy and paste the following snippet and change the hex value (here: #ddd) to your desired color code. You can also change the values for the line thickness (border-bottom) and padding, if necessary.

.et_pb_posts .post {
border-bottom: 1px solid #ddd;
padding-bottom: 30px !important;
}

I hope you find this helpful and be sure to come back for more Divi Tips in the future.