How to solve the Divi blog module hiding all blog posts

You are reading this article because you have used the DIVI blog module and when you look at your blog page, there are no blog posts showing.

There is a lot of theory behind what causes the issue, but what we have found that DIVI is assigning an opacity of 0 to the blog posts when the page loads, so they appear as hidden.

Our best solution for this is to set the opacity to 10 so that when the page loads, they are visible right away.

Open DIVI > Theme Options and add the code below to your Custom CSS file.

/* Disable opacity on divi blog post module */
/* see: */
.et_pb_blog_grid .et_pb_salvattore_content[data-columns] .et_pb_post {
    opacity: 10!important;
  • divi blog, css, divi
  • 2 Users Found This Useful
Was this answer helpful?

Related Articles

How To Stop Words from Breaking on Mobile in Divi

Use the following code to prevent words going to the next line in DIVI. h1, h2, h3, h4, h5, h6 {...

How to correctly embed a Vimeo video in the divi video module

The video module in DIVI is pretty slick but requires a special trick to insert videos from...

How to vertically align text in a column in DIVI

You are reading this because you want to easily vertically align text inside a column.Below is...

WPML shortcode for language flags

How to make a shortcode for WPML language flags.To display the language flags in a shortcode, use...