Select Page

The Divi Theme and Divi Page Builder come with a great blog module to facilitate blog posts display in easy way. Among its customization options you will find many availabilities and tweaks you can toggle on and off at a click of a button.

One such option that is still missing from the module design capabilities is that of hiding the blog post excerpt. This can get annoying, especially when you are using the blog posts on certain pages such as your homepage, where you might want to present nothing but the featured image, the title and the meta-info of the shown posts.

Here’s what we’re trying to achieve:

You will easily get rid of the Divi blog excerpt by following one of the these 2 methods:

Removing excerpts from the Divi Blog Module site-wide

If you wish to hide the excerpts of all blog modules on all of your site’s pages, instead of hiding the excerpts of just one instance of it, place the following code in your theme’s Custom CSS, or in your child theme’s style.css file:

.post-content {
     display: none;
}

Removing excerpts from the Divi Blog Module from specific pages only

If you wish to hide the excerpts of only specific blog module instances (for instance, on a certain page only), you have two ways to follow.

For one specific blog module

Open the blog module, go to the Advanced tab, open the “Custom CSS” section, locate the area for “Content” and place the following code inside.

display: none;

For multiple blog modules (but not all)

Another way to go, is to create a class which you can easily apply to all blog modules you do no wish to present excerpts in. First, place the following code in your Custom CSS (in Admin Dashboard > Divi > Theme Options) or in your child theme’s style.css file.

.no-excerpt .post-content {
     display: none;
}

After doing so, whenever you have a Divi blog module for which you wish to hide excerpts, just open the module settings, go to the “Advanced” tab, open the “CSS ID & Classes” section, and under “CSS Class”, input no-excerpts.

Final Thoughts

This is a really quick and easy way to control the visibility of the excerpts in your Divi Blog modules, but it would be nice if the good folks over at ElegantThemes will take a close look at this issue and will add a built-in feature that allows us to have the same level of control directly from within the Divi Builder.

Cheers!

© 2019 Divi.Best - All rights reserved. Designed by Avi Reiner | Powered by WordPress and Divi