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-style7 .et_pb_post {<!-- [et_pb_line_break_holder] --> margin:0px auto 50px;<!-- [et_pb_line_break_holder] --> max-width:730px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> max-width: 50%;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] -->margin-bottom: 30px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> max-height:300px;<!-- [et_pb_line_break_holder] --> min-height:300px;<!-- [et_pb_line_break_holder] --> max-width:300px;<!-- [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-style7.et_pb_posts .et_pb_post:nth-child(even) .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> float: right;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post:nth-child(odd) .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> border-top-left-radius: 50%;<!-- [et_pb_line_break_holder] --> border-bottom-left-radius: 50%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .post-meta .published{<!-- [et_pb_line_break_holder] --> border-right:1px solid #fff;<!-- [et_pb_line_break_holder] --> padding-right:6px<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post:nth-child(even) .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> border-top-right-radius: 50%;<!-- [et_pb_line_break_holder] --> border-bottom-right-radius: 50%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .overlay-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> overflow: hidden; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post:nth-child(odd) .post-meta {<!-- [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] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> padding:5px 30px;<!-- [et_pb_line_break_holder] -->text-align:center;<!-- [et_pb_line_break_holder] --> color:#fff !important;<!-- [et_pb_line_break_holder] --> background-color:#333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post:nth-child(even) .post-meta {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> margin-bottom: 10px;<!-- [et_pb_line_break_holder] --> padding:5px 30px;<!-- [et_pb_line_break_holder] --> color:#fff !important;<!-- [et_pb_line_break_holder] --> background-color:#333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .entry-title {<!-- [et_pb_line_break_holder] --> padding: 45px; <!-- [et_pb_line_break_holder] -->margin-top:10px;<!-- [et_pb_line_break_holder] --> padding-bottom:10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post {<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> background-color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .post-meta{padding-bottom:0px; }<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .post-content{ <!-- [et_pb_line_break_holder] --> padding:10px 45px 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-style7.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] -->@media (max-width:890px){<!-- [et_pb_line_break_holder] --> .blog-style7.et_pb_posts .et_pb_post:nth-child(odd) .entry-featured-image-url,.blog-style7.et_pb_posts .et_pb_post:nth-child(even) .entry-featured-image-url{<!-- [et_pb_line_break_holder] --> max-width:none; <!-- [et_pb_line_break_holder] --> float:none; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-style7.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-style7.et_pb_posts .et_pb_post .post-content { <!-- [et_pb_line_break_holder] --> padding-bottom: 10px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .blog-style7.et_pb_posts .et_pb_post .overlay-wrapper {<!-- [et_pb_line_break_holder] --> display:inline-block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .blog-style7.et_pb_posts .et_pb_post:nth-child(odd) .entry-featured-image-url img,.blog-style7.et_pb_posts .et_pb_post:nth-child(even) .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> border-radius:0px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-style7.et_pb_posts .et_pb_post .entry-title,.blog-style7.et_pb_posts .et_pb_post .post-meta,.blog-style7.et_pb_posts .et_pb_post .post-content {<!-- [et_pb_line_break_holder] --> padding-left:0px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-style7.et_pb_posts .et_pb_post:nth-child(even) .post-meta {<!-- [et_pb_line_break_holder] --> left:0;<!-- [et_pb_line_break_holder] --> right:auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style7.et_pb_posts .et_pb_post .entry-title {<!-- [et_pb_line_break_holder] -->margin-top:30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width: 1245px){<!-- [et_pb_line_break_holder] -->.section-blog-style7 .et_pb_column {<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [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('.blog-style7 .entry-title').each(function() {<!-- [et_pb_line_break_holder] --> var newDiv = jQuery('<div></div>').addClass('overlay-wrapper');<!-- [et_pb_line_break_holder] --> jQuery(this).before(newDiv);<!-- [et_pb_line_break_holder] --> var next = jQuery(this).next(); <!-- [et_pb_line_break_holder] --> newDiv.append(this).append(next);<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --> jQuery(".blog-style7 .post-meta").each(function(){<!-- [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>