The Blog module will display the post's published date inside the Meta text, below the post's featured image.
The following customization will change the Publish Date position, placing it 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.published {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
background: lightgreen;
padding: 5px 10px;
margin: 10px;
border-radius: 30px;
}
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
