Using CSS Flex, we can display post title above featured image, Please use the below given CSS code. You can paste it inside Child theme CSS or inside Divi theme options CSS textarea,
/* Blog Order */
.et_pb_post.has-post-thumbnail {
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
}
.et_pb_post.has-post-thumbnail a + .entry-title {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin-bottom: 11px;
}
.et_pb_post.has-post-thumbnail a + .entry-title + .post-meta {
margin-top: 21px;
}
Leave a Reply