Block Extended 3 Columns and Sidebar
Suspend consectetur sem id turpis tempus euismod
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...
Maecenas tincidunt leo et pharetra laoreet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...
Cras ac nisl in arcu aliquet rutrum vitae ut sapien
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...
Morbi maximus mauris vitae nibh semper ultricies
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...
Proin dapibus turpis et felis dignissim pulvinar
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...
Aliquam ut elit ultrices endrerit nulla quise uismod
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in...
Divi Blog Extras Posts Widget Tabbed Layout
Divi Blog Extras Posts Widget List Layout
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_3_4 .et_pb_post_extra.el_dbe_block_extended {
width: 30.667%;
margin-right: 4%;
}
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(2n+2) {
margin-right: 4%;
}
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(3n+3) {
margin-right: 0;
}
}
@media screen and (min-width: 981px) { .et_pb_column_2_3 .et_pb_post_extra.el_dbe_block_extended { width: 30.667%; margin-right: 4%; } .et_pb_column_2_3 .et_pb_post_extra.el_dbe_block_extended:nth-child(2n+2) { margin-right: 4%; } .et_pb_column_2_3 .et_pb_post_extra.el_dbe_block_extended:nth-child(3n+3) { margin-right: 0; } }
@media screen and (min-width: 981px){
.et_section_specialty .et_pb_column .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(2n+2) {
margin-right: 4%;
}
.et_section_specialty .et_pb_column .et_pb_column_4_4 .et_pb_post_extra.el_dbe_block_extended:nth-child(3n+3) {
margin-right: 0;
}
}