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:not(.swiper-slide){ width: 24.25%; margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide):nth-child(3n+3) { margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide):nth-child(2n+2) { margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide):nth-child(4n+4) { margin-right: 0; } } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide) .post-media-container, .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:not(.swiper-slide) .post-media{ height: 150px; }