Demo of Blog Modules, Blog Sections and Blog Layouts for Divi Theme

<style><!-- [et_pb_line_break_holder] -->/* BLOG */<!-- [et_pb_line_break_holder] -->.blog-left-style1 .et_pb_post {<!-- [et_pb_line_break_holder] -->display: -webkit-flex;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: -moz-box;<!-- [et_pb_line_break_holder] --> display:flex;<!-- [et_pb_line_break_holder] --> -webkit-flex-direction: row;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: row;<!-- [et_pb_line_break_holder] --> -moz-flex-direction: row;<!-- [et_pb_line_break_holder] --> flex-direction:row;<!-- [et_pb_line_break_holder] --> -webkit-justify-content: center;<!-- [et_pb_line_break_holder] --> -ms-justify-content: center;<!-- [et_pb_line_break_holder] --> justify-content:center;<!-- [et_pb_line_break_holder] --> border-bottom:1px solid #eaeaea;<!-- [et_pb_line_break_holder] --> padding-bottom:50px;<!-- [et_pb_line_break_holder] --> margin-bottom:50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .entry-featured-image-url{<!-- [et_pb_line_break_holder] -->margin-bottom:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> height:100%;<!-- [et_pb_line_break_holder] --> min-height:250px;<!-- [et_pb_line_break_holder] --> max-width:250px;<!-- [et_pb_line_break_holder] --> -webkit-object-fit: cover;<!-- [et_pb_line_break_holder] --> object-fit: cover; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap,.blog-left-style1.et_pb_posts .et_pb_post .description-wrap{ <!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -webkit-flex;<!-- [et_pb_line_break_holder] --> -webkit-flex-direction: column;<!-- [et_pb_line_break_holder] --> -webkit-justify-content: center;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: column;<!-- [et_pb_line_break_holder] --> -ms-justify-content: center;<!-- [et_pb_line_break_holder] --> display: -moz-box;<!-- [et_pb_line_break_holder] --> -moz-flex-direction: column;<!-- [et_pb_line_break_holder] --> display: flex; <!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> position: relative; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap{<!-- [et_pb_line_break_holder] -->padding-left:50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .description-wrap{ <!-- [et_pb_line_break_holder] -->padding:50px 50px 40px 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .entry-title { <!-- [et_pb_line_break_holder] --> line-height: normal;<!-- [et_pb_line_break_holder] --> margin-top: 9px;<!-- [et_pb_line_break_holder] --> padding-bottom:15px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .post-content p{ <!-- [et_pb_line_break_holder] --> padding-top: 11px;<!-- [et_pb_line_break_holder] --> line-height: 1.5em; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .post-content .more-link { <!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> margin-top: 20px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap .post-meta .published{<!-- [et_pb_line_break_holder] -->padding-left:50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .description-wrap .post-meta .published{<!-- [et_pb_line_break_holder] --> position:absolute;<!-- [et_pb_line_break_holder] --> top:0;<!-- [et_pb_line_break_holder] --> padding-top:30px;<!-- [et_pb_line_break_holder] --> color:#555;<!-- [et_pb_line_break_holder] --> left:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .description-wrap .post-meta .vryn-cats{ <!-- [et_pb_line_break_holder] --> display:block; <!-- [et_pb_line_break_holder] --> position:absolute;<!-- [et_pb_line_break_holder] --> top:0;<!-- [et_pb_line_break_holder] --> left:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap .post-meta .vryn-cats{ <!-- [et_pb_line_break_holder] --> top:10%;<!-- [et_pb_line_break_holder] --> right:100% ;<!-- [et_pb_line_break_holder] -->left: auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap .post-meta .vryn-cats a{<!-- [et_pb_line_break_holder] -->margin: 0px 0px 1px ;<!-- [et_pb_line_break_holder] -->min-width:150px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .description-wrap .post-meta .vryn-cats a{<!-- [et_pb_line_break_holder] --> background-color:#ff4343;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> margin: 0px 0px 1px 2px;<!-- [et_pb_line_break_holder] --> padding:2px 10px;<!-- [et_pb_line_break_holder] --> text-align:center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .description-wrap .post-meta .vryn-cats a:first-child{<!-- [et_pb_line_break_holder] --> margin-left:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .description-wrap .post-meta .author a{<!-- [et_pb_line_break_holder] --> color:#ff4343;<!-- [et_pb_line_break_holder] --> text-transform:uppercase;<!-- [et_pb_line_break_holder] --> font-weight:bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width:860px){<!-- [et_pb_line_break_holder] -->.blog-left-style1 .et_pb_post{<!-- [et_pb_line_break_holder] --> display:flex;<!-- [et_pb_line_break_holder] --> flex-direction:column;<!-- [et_pb_line_break_holder] --> justify-content:center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap .post-meta .vryn-cats{<!-- [et_pb_line_break_holder] --> right:auto;<!-- [et_pb_line_break_holder] --> top:auto;<!-- [et_pb_line_break_holder] --> left:0;<!-- [et_pb_line_break_holder] --> bottom:100%;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] --> .blog-left-style1.et_pb_posts .et_pb_post .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> min-height:inherit;<!-- [et_pb_line_break_holder] --> max-width:none;<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap{<!-- [et_pb_line_break_holder] -->padding: 50px 30px;<!-- [et_pb_line_break_holder] -->padding-bottom:0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap .post-meta .published{<!-- [et_pb_line_break_holder] -->padding-left:30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-left-style1.et_pb_posts .et_pb_post .overall-wrap .description-wrap .post-meta .vryn-cats a{<!-- [et_pb_line_break_holder] -->margin: 0px 2px 1px 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

<script><!-- [et_pb_line_break_holder] -->jQuery(function() {<!-- [et_pb_line_break_holder] --> jQuery(".et_pb_module.blog-left-style1 .et_pb_post").each(function(){<!-- [et_pb_line_break_holder] --> jQuery(this).children().not(".entry-featured-image-url").wrapAll("<div class='description-wrap'></div>")<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> jQuery(".et_pb_module.blog-left-style1 .et_pb_post .entry-featured-image-url").each(function(){<!-- [et_pb_line_break_holder] --> jQuery(this).siblings().wrapAll("<div class='overall-wrap' ></div>")<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> jQuery(".blog-left-style1 .post-meta").each(function(){<!-- [et_pb_line_break_holder] --> //Add wrapper vryn-cats for the categories<!-- [et_pb_line_break_holder] --> jQuery(this).children().not(".author").not(".published").wrapAll("<div class='vryn-cats'></div>")<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //Replace comma and pipe line character inside post-meta<!-- [et_pb_line_break_holder] --> $var_meta = jQuery(this).html().replace(/,/g, '').replace(/[|]/g, '');<!-- [et_pb_line_break_holder] --> jQuery(this).html($var_meta);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->}); <!-- [et_pb_line_break_holder] --></script>