Grid Extended in 2 Columns
Discovering Nature’s Treasures by the Water’s Edge
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Life on the Edge – Exploring Mountain Villages from Top
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Hiking Trails and Scenic Views in Iconic Mountain Ranges
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
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...
How to Achieve
Add Divi Blog Extras Module to a Page and Select Grid 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_2_3 .et_pb_post_extra.el_dbe_grid_extended,
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_grid_extended,
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_grid_extended {
width: 47.5%;
float: left;
}
.et_pb_column_2_3 .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd),
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd),
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd) {
margin-right: 5%;
}
.et_pb_column_2_3 .et_pb_post_extra.el_dbe_grid_extended .post-content,
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_grid_extended .post-content,
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_grid_extended .post-content {
width: 100%;
}
.et_pb_column_2_3 .et_pb_post_extra.el_dbe_grid_extended .post-media,
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_grid_extended .post-media,
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_grid_extended .post-media {
width: 100%;
}
.et_pb_column_2_3 .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd) .post-media,
.et_pb_column_3_4 .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd) .post-media,
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_grid_extended:nth-child(odd) .post-media {
order: 0;
}
}