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:
