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-author
Reposition the author above the Featured Image:
In Divi > Theme Options > General Tab > Custom CSS, add this CSS code:
.divi-blog-move-author .et_pb_blog_grid .et_pb_post .post-meta span.author.vcard a {position: absolute;top: 0;left: 0;margin-bottom: 0;color: #ffffff!important;background: #0071fc!important;padding: 6px 12px;margin: 15px;border-radius: 50px;}
That will place the author over the featured image:
