If you are using the most excellent Divi Theme from Elegant Themes, here is a styling “how to” for the blog grid display.

The grid is cool, I think, but the non-uniform height of the individual post containers is not. I have an easy way to fix this. Take a look at this video:

The code you insert to the Blog Module Settings, Advanced, is: custom_blog

The CSS snippet you insert to the Divi Theme Custom CSS is:

@media only screen and (min-width: 768px) {.custom_blog .et_pb_post 
{min-height: 525px; max-height: 525px;}

You may need to adjust the height from 525px to suit your needs, depending on your excerpt lengths and featured images (if using).

That’s all there is to it!

Share This