Block Extended in 6 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

.et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended { padding-bottom: 0; } @media screen and (min-width: 981px){ .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended{ width: 15.166%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(6n+6) { margin-right: 1%; } .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(5n+5) { margin-right: 1%; } .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 { height: 100px; } .post-content { padding: 5px !important; }