Block Extended 3 Columns and Sidebar
Duis a metus ac metus vehicula porttitor in sit amet
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...
Sed lacinia ipsum sed ex bibendum consequat
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...
Sed ut lacus eu eros vestibulum eleifend
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...
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...
Divi Blog Extras Posts Widget Tabbed 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;
}
}