Place DIVI blog post featured images on the left of text

The DIVI theme offers two blog layouts. Grid and Standard. I came across this custom CSS that places the featured on the left perfectly.

You can read the full post of DIVIbooster or add the below code to custom CSS in theme options. 

@media only screen and (min-width: 981px) {
.et_pb_posts .et_pb_post img,
.et_pb_posts .et_overlay {
width: 38%;
height: 180px !important;
margin-right: 4%;
float: left;
}
.et_pb_posts .entry-title,
.et_pb_posts .post-meta,
.et_pb_posts .post-content { 
    float: right; 
    width: 58%; 
}
body.rtl .et_pb_posts .et_pb_post img,
body.rtl .et_pb_posts .et_overlay {
float: right;
margin-left: 4%;
margin-right: 0;
}
body.rtl .et_pb_posts .entry-title,
body.rtl .et_pb_posts .post-meta,
body.rtl .et_pb_posts .post-content { 
    float: left; 
}
}


0 comments:

Post a comment