Block Extended in 4 Columns

How to Achieve

Add Divi Blog Extras Module to a Page and Select Block Extended Layout

Go to Divi Builder Page Setting

Paste the code given below in the Custom CSS area

@media screen and (min-width: 981px){ .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended{ width: 24%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(4n+4) { margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(3n+3) { margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(2n+2) { margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(1n+1) { margin-right: 1%; } } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended .post-media-container, .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended .post-media{ height: 150px; }