The post's category will be displayed in the post's meta text below the Featured Images.
With the following customization, the category link 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 Content Tab → Elements and ensure the following are enabled:
Show Author
Show Date
Show Categories
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 a:nth-child(3) {
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 category over the featured image, as shown below:
