The post's author will be displayed in the post's meta text below the Featured Images.
With the following customization, the author's name will be removed from the post's meta text and displayed on top of the post's Featured Image.
Check the How to Eliminate Separators in the Blog Module Post Meta guide
Open the Blog module settings
Go to Design Tab → Layout
Choose Grid
Go to the Advanced tab → Custom CSS → Free-Form CSS
Copy and Paste the following CSS snippet:
selector .et_pb_blog_grid .et_pb_post {
position: relative;
}
selector .et_pb_blog_grid .et_pb_post .post-meta span.author.vcard a {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
background: #0071fc;
padding: 6px 12px;
margin: 15px;
border-radius: 50px;
}
Notes:
First, check the How to Eliminate Separators in the Blog Module Post Meta guide.
Ensure that each of your Post has a Featured Image set
The customization above will place the author over the featured image, as shown below:
