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

<style><!-- [et_pb_line_break_holder] -->.blog-style1 .et_pb_post{<!-- [et_pb_line_break_holder] --> position:relative;<!-- [et_pb_line_break_holder] --> max-width:820px;<!-- [et_pb_line_break_holder] --> margin:0 auto 50px;<!-- [et_pb_line_break_holder] -->padding-bottom:50px;<!-- [et_pb_line_break_holder] --> border-bottom:1px solid #eee;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .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-style1 .vryn-overlay-wrapper{<!-- [et_pb_line_break_holder] --> position:relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .et_pb_post .entry-featured-image-url img {<!-- [et_pb_line_break_holder] --> height: 100%; <!-- [et_pb_line_break_holder] --> max-height:320px;<!-- [et_pb_line_break_holder] --> min-height:200px;<!-- [et_pb_line_break_holder] --> -webkit-object-fit: cover;<!-- [et_pb_line_break_holder] --> object-fit: cover;<!-- [et_pb_line_break_holder] --> object-position:center;<!-- [et_pb_line_break_holder] --> -webkit-object-position:center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .bg-overlay-wrapper{<!-- [et_pb_line_break_holder] --> background: rgba(0,0,0,.8);<!-- [et_pb_line_break_holder] --> min-height:110px;<!-- [et_pb_line_break_holder] --> padding: 30px 0px; <!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -webkit-flex; <!-- [et_pb_line_break_holder] --> -webkit-flex-direction:row-reverse;<!-- [et_pb_line_break_holder] --> -webkit-justify-content: flex-end;<!-- [et_pb_line_break_holder] --> -webkit-align-items: center;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox; <!-- [et_pb_line_break_holder] --> -ms-flex-direction: crow-reverse;<!-- [et_pb_line_break_holder] --> -ms-justify-content: flex-end;<!-- [et_pb_line_break_holder] --> -ms-align-items: center;<!-- [et_pb_line_break_holder] --> display: -moz-box; <!-- [et_pb_line_break_holder] --> -moz-flex-direction: row-reverse;<!-- [et_pb_line_break_holder] --> -moz-align-items: center;<!-- [et_pb_line_break_holder] --> display: flex; <!-- [et_pb_line_break_holder] --> flex-direction: row-reverse;<!-- [et_pb_line_break_holder] --> justify-content: flex-end;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-height: 200px;<!-- [et_pb_line_break_holder] --> overflow: hidden; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .vryn-overlay-wrapper .bg-overlay-wrapper{<!-- [et_pb_line_break_holder] --> position:absolute;<!-- [et_pb_line_break_holder] --> bottom:0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .entry-title{<!-- [et_pb_line_break_holder] --> color:#fff;<!-- [et_pb_line_break_holder] --> float:right;<!-- [et_pb_line_break_holder] --> line-height:normal;<!-- [et_pb_line_break_holder] --> margin:0;<!-- [et_pb_line_break_holder] --> padding:0px 35px;<!-- [et_pb_line_break_holder] --> vertical-align:middle;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .entry-title:hover{<!-- [et_pb_line_break_holder] --> color: #ccc;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .post-meta{<!-- [et_pb_line_break_holder] -->background: #ff6b37;<!-- [et_pb_line_break_holder] --> color: #fff !important;<!-- [et_pb_line_break_holder] --> font-size: 20px;<!-- [et_pb_line_break_holder] --> font-weight: 900;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> min-width: 65px;<!-- [et_pb_line_break_holder] --> max-width: 65px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> padding:10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .post-content{<!-- [et_pb_line_break_holder] --> padding:0px 100px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .post-content p{<!-- [et_pb_line_break_holder] --> padding-top:20px;<!-- [et_pb_line_break_holder] --> padding-bottom:25px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-style1 .post-content a{<!-- [et_pb_line_break_holder] --> color:#ff6b37;<!-- [et_pb_line_break_holder] --> font-weight:900;<!-- [et_pb_line_break_holder] --> text-transform:uppercase;<!-- [et_pb_line_break_holder] --> font-family: 'Raleway', sans-serif;<!-- [et_pb_line_break_holder] --> display:inline-block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media (max-width:767px){<!-- [et_pb_line_break_holder] --> .blog-style1 .post-content{<!-- [et_pb_line_break_holder] --> padding:0px 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-style1 .bg-overlay-wrapper{<!-- [et_pb_line_break_holder] --> background-color:rgba(0,0,0,0.5);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-style1 .entry-title{<!-- [et_pb_line_break_holder] --> padding:0 10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

<script><!-- [et_pb_line_break_holder] -->jQuery('.blog-style1 .entry-title').each(function() {<!-- [et_pb_line_break_holder] --> var newDiv = jQuery('<div></div>').addClass('bg-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-style1 .entry-featured-image-url').each(function() {<!-- [et_pb_line_break_holder] --> var newDiv = jQuery('<div></div>').addClass('vryn-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] --></script><!-- [et_pb_line_break_holder] -->