Skip to main content
All CollectionsTroubleshooting and FAQsFrequently Asked QuestionsBlog Module
How to Reposition the Author on Top of the Post's Featured Image in the Blog Module
How to Reposition the Author on Top of the Post's Featured Image in the Blog Module

Display the post's author on top of the Featured Image, using the Blog module in Grid layout.

Updated over a week ago

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.

  1. Open the Blog module settings

  2. Go to Design Tab β†’ Layout

  3. Choose Grid

  4. Go to the Advanced tab β†’ Custom CSS β†’ Free-Form CSS

  5. 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:

The customization above will place the author over the featured image, as shown below:
​

Reposition the Author on Top of the Post's Featured Image in the Blog Module
Did this answer your question?