The initial step involves removing the separators in the post-meta section, as discussed in this article.
After removing the separators, include another personalized CSS Class in your Divi Blog module. To include a personalized class, follow these steps:
Open the module settings
Go to the Advanced tab
Open the CSS ID & Classes option
In the CSS Class input field, add the class
divi-blog-move-date
Reposition the published date above the Featured Image:
In Divi > Theme Options > General Tab > Custom CSS, add this CSS code:
.divi-blog-move-date .et_pb_blog_grid .et_pb_post .post-meta span.published {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
color: #ffffff!important;
background: lightgreen!important;
padding: 5px 10px;
margin: 10px;
border-radius: 30px;
}
That will place the published date over the featured image: