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-style8 .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] -->}<!-- [et_pb_line_break_holder] -->.blog-style8 .et_pb_post:nth-child(even) {<!-- [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-reverse;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: row-reverse;<!-- [et_pb_line_break_holder] --> -moz-flex-direction:row-reverse;<!-- [et_pb_line_break_holder] --> flex-direction:row-reverse;<!-- [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] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> margin-bottom: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> max-height:350px;<!-- [et_pb_line_break_holder] -->min-height:350px;<!-- [et_pb_line_break_holder] -->max-width:350px;<!-- [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-style8 .et_pb_post .overall-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] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(odd) .entry-featured-image-url{<!-- [et_pb_line_break_holder] --> margin-right:-10%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .entry-featured-image-url{<!-- [et_pb_line_break_holder] --> margin-left:-10%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(odd) .description-wrap{<!-- [et_pb_line_break_holder] --> padding:50px 50px 50px 130px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .description-wrap{<!-- [et_pb_line_break_holder] --> padding:50px 130px 50px 50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .description-wrap {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> background-color:#f5f5f5; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .entry-title {<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> padding-bottom:10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .post-meta,<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .post-content{ <!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> padding-top: 0; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .post-meta{<!-- [et_pb_line_break_holder] -->padding-bottom:0px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .post-content p { <!-- [et_pb_line_break_holder] --> padding-top: 0px;<!-- [et_pb_line_break_holder] -->margin-top:10px;<!-- [et_pb_line_break_holder] --> padding-bottom:0px; <!-- [et_pb_line_break_holder] --> line-height: 1.5em; <!-- [et_pb_line_break_holder] --> overflow: hidden; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.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-style8.et_pb_posts .et_pb_post .description-wrap .post-meta .published{<!-- [et_pb_line_break_holder] --> position:absolute;<!-- [et_pb_line_break_holder] --> margin:auto 0 auto;<!-- [et_pb_line_break_holder] -->top:85px; <!-- [et_pb_line_break_holder] --> color:#fd4479;<!-- [et_pb_line_break_holder] --> font-size:25px; <!-- [et_pb_line_break_holder] --> width:60px;<!-- [et_pb_line_break_holder] --> font-weight:bold;<!-- [et_pb_line_break_holder] --> text-align:right;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(odd) .description-wrap .post-meta .published{ <!-- [et_pb_line_break_holder] --> left:0; <!-- [et_pb_line_break_holder] --> margin-left: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .description-wrap .post-meta .published{ <!-- [et_pb_line_break_holder] --> right:0; <!-- [et_pb_line_break_holder] --> margin-right: 40px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .description-wrap .post-meta .vryn-cats{<!-- [et_pb_line_break_holder] --> position:absolute;<!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> top:10%;<!-- [et_pb_line_break_holder] --> right:0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> text-align: right;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .description-wrap .post-meta .vryn-cats{ <!-- [et_pb_line_break_holder] --> left:0;<!-- [et_pb_line_break_holder] --> right:auto;<!-- [et_pb_line_break_holder] -->text-align: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .description-wrap .post-meta .vryn-cats a{<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> right:0;<!-- [et_pb_line_break_holder] --> color:#fff;<!-- [et_pb_line_break_holder] --> font-size:13px; <!-- [et_pb_line_break_holder] --> min-width:100px;<!-- [et_pb_line_break_holder] --> padding: 2px 10px;<!-- [et_pb_line_break_holder] --> background-color:#ff4343;<!-- [et_pb_line_break_holder] --> text-align:center;<!-- [et_pb_line_break_holder] --> margin:0px 1px 1px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .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-style8.et_pb_posts .et_pb_post:nth-child(odd) .description-wrap .post-meta .vryn-cats a:last-child{<!-- [et_pb_line_break_holder] --> margin-right:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post .description-wrap .post-meta .author a{<!-- [et_pb_line_break_holder] --> color:#555;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->@media (max-width:860px){<!-- [et_pb_line_break_holder] --> .blog-style8 .et_pb_post,.blog-style8 .et_pb_post:nth-child(even){<!-- [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-style8.et_pb_posts .et_pb_post:nth-child(odd) .entry-featured-image-url,<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .entry-featured-image-url<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> margin:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .blog-style8.et_pb_posts .et_pb_post:nth-child(odd) .description-wrap {<!-- [et_pb_line_break_holder] --> padding:50px 40px 50px 75px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-style8.et_pb_posts .et_pb_post:nth-child(even) .description-wrap {<!-- [et_pb_line_break_holder] --> padding:50px 75px 50px 40px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style8.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] --> height: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(odd) .description-wrap .post-meta .published{ <!-- [et_pb_line_break_holder] --> margin-left: 0px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style8.et_pb_posts .et_pb_post:nth-child(even) .description-wrap .post-meta .published{ <!-- [et_pb_line_break_holder] --> margin-right:15px;<!-- [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-style8 .et_pb_post").each(function(){<!-- [et_pb_line_break_holder] --> jQuery(this).children().not(".entry-featured-image-url").wrapAll("<div class='overall-wrap' ><div class='description-wrap'></div></div>")<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> jQuery(".blog-style8 .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>