If you are using the divi page builder to create blog posts, you may notice a large space at the bottom of the post.

Use the following CSS snippet as a quick-fix to remove that extra space:

---

/* Remove extra bottom padding and margin on posts */
.single .et_pb_post {
 margin-bottom: 0;
 padding-bottom: 0;
}
#left-area {
 padding-bottom: 0 !important;
}

---

 

If you have comments enabled (or just on some posts), you will need to add a little more CSS for a better visual experience:

(Change 30px to a value that suits your design.)

---

#respond {
padding-bottom: 30px;
}

---

 

Where to paste the CSS snippet

Navigate to Divi>Theme Options and at the bottom of the default “General” tab, paste the CSS snippet into the “Custom CSS” box and save changes.

 

Child Themes

We recommend using a child theme. It is your insurance against losing your custom work in updates.

Click here for instructions on adding a basic Divi child theme with a stylesheet (for custom CSS).

Click here to learn more about child themes and getting the most out of the Divi theme.