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

<style><!-- [et_pb_line_break_holder] -->.blog-news5.et_pb_posts{<!-- [et_pb_line_break_holder] --> background-color:#333333;<!-- [et_pb_line_break_holder] --> overflow:hidden;<!-- [et_pb_line_break_holder] --> padding:90px 50px;<!-- [et_pb_line_break_holder] --> width:100%; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5.et_pb_posts:before{<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 45%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [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] --> background-color:#f7f7f7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5.et_pb_posts:after{<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 50%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left:100px;<!-- [et_pb_line_break_holder] --> background-color:#f7f7f7;<!-- [et_pb_line_break_holder] --> -webkit-transform: skewX(15deg);<!-- [et_pb_line_break_holder] --> -moz-transform: skewX(15deg);<!-- [et_pb_line_break_holder] --> -ms-transform: skewX(10deg);<!-- [et_pb_line_break_holder] --> -o-transform: skewX(15deg);<!-- [et_pb_line_break_holder] --> transform: skewX(15deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: left;<!-- [et_pb_line_break_holder] --> -moz-transform-origin: left;<!-- [et_pb_line_break_holder] --> -ms-transform-origin: left;<!-- [et_pb_line_break_holder] --> -o-transform-origin: left;<!-- [et_pb_line_break_holder] --> transform-origin: left; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post{ <!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [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] --> overflow:hidden; <!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> max-width:1080px;<!-- [et_pb_line_break_holder] --> margin:0 auto !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .entry-featured-image-url{<!-- [et_pb_line_break_holder] --> width:50%;<!-- [et_pb_line_break_holder] --> float:right;<!-- [et_pb_line_break_holder] --> height:100%;<!-- [et_pb_line_break_holder] --> overflow:hidden; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> border-radius:0px 20px 20px 0px; <!-- [et_pb_line_break_holder] --> object-fit:cover;<!-- [et_pb_line_break_holder] --> min-height:300px<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .overall-wrap{<!-- [et_pb_line_break_holder] --> order:-1;<!-- [et_pb_line_break_holder] --> float:left;<!-- [et_pb_line_break_holder] --> width:50%;<!-- [et_pb_line_break_holder] --> padding:10px 50px 0px 0px; <!-- [et_pb_line_break_holder] --> height:100%;<!-- [et_pb_line_break_holder] --> min-height:300px;<!-- [et_pb_line_break_holder] --> position:relative;<!-- [et_pb_line_break_holder] --> padding:0px 50px 0px 0px; <!-- [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] --> z-index:1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .description-wrap{<!-- [et_pb_line_break_holder] --> position:relative; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post h2.entry-title{<!-- [et_pb_line_break_holder] --> padding-bottom:20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> .blog-news5 .et_pb_post .post-meta .published{<!-- [et_pb_line_break_holder] --> position:absolute;<!-- [et_pb_line_break_holder] --> top:0; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .vryn-cats a:after {<!-- [et_pb_line_break_holder] --> content: "&";<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> padding:0px 5px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .vryn-cats a:last-child:after {<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .vryn-cats a:first-child:before{<!-- [et_pb_line_break_holder] --> content: "in";<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> padding:0px 5px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .vryn-cats a{<!-- [et_pb_line_break_holder] --> text-transform:capitalize;<!-- [et_pb_line_break_holder] --> font-size:16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .vryn-cats{<!-- [et_pb_line_break_holder] --> position:relative; <!-- [et_pb_line_break_holder] --> margin-bottom:10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media(max-width:980px){ <!-- [et_pb_line_break_holder] --> .blog-news5.et_pb_posts{<!-- [et_pb_line_break_holder] --> padding:90px 0px 0px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .blog-news5.et_pb_posts:before{ <!-- [et_pb_line_break_holder] --> width: 0;<!-- [et_pb_line_break_holder] --> height:0; <!-- [et_pb_line_break_holder] --> background-color:transparent;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5.et_pb_posts:after{<!-- [et_pb_line_break_holder] --> width: 0;<!-- [et_pb_line_break_holder] --> height:0; <!-- [et_pb_line_break_holder] --> background-color:transparent;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post{ <!-- [et_pb_line_break_holder] --> display: block; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .entry-featured-image-url{<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> float:none;<!-- [et_pb_line_break_holder] --> padding:0px 50px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .entry-featured-image-url img{<!-- [et_pb_line_break_holder] --> border-radius:20px 20px 0px 0px; <!-- [et_pb_line_break_holder] --> min-height:auto;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .overall-wrap{<!-- [et_pb_line_break_holder] --> float:none;<!-- [et_pb_line_break_holder] --> width:100%;<!-- [et_pb_line_break_holder] --> padding:50px 50px 90px; <!-- [et_pb_line_break_holder] --> background-color:#f7f7f7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blog-news5 .et_pb_post .overall-wrap:before{<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 50%;<!-- [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] --> left:0;<!-- [et_pb_line_break_holder] --> background-color:#f7f7f7;<!-- [et_pb_line_break_holder] --> -webkit-transform: skewY(-4deg);<!-- [et_pb_line_break_holder] --> -moz-transform: skewY(-4deg);<!-- [et_pb_line_break_holder] --> -ms-transform: skewY(-4deg);<!-- [et_pb_line_break_holder] --> -o-transform: skewY(-4deg);<!-- [et_pb_line_break_holder] --> transform: skewY(-4deg);<!-- [et_pb_line_break_holder] --> -webkit-transform-origin: left;<!-- [et_pb_line_break_holder] --> -moz-transform-origin: left;<!-- [et_pb_line_break_holder] --> -ms-transform-origin: left;<!-- [et_pb_line_break_holder] --> -o-transform-origin: left;<!-- [et_pb_line_break_holder] --> transform-origin: left; <!-- [et_pb_line_break_holder] --> z-index:-1;<!-- [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-news5 .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-news5 .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>