[Resolved] Page title above featured image only on first post

[Jee]

How can I put the page title above the featured image only for the first post at the top for the homepage and category pages?

[Leo]

Hi there,

Give this a shot:

.featured-column .inside-article {
    display: flex;
    flex-direction: column;
}
.featured-column .inside-article .entry-header {
    order: -1;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[Jee]

Thanks! Now how can I adjust the space between the date and the image and close the space up below the image so that the text is closer? (Just for the first post at the top.)

[David]

Hi there,

try adding this CSS as well:

.post-image-above-header .featured-column .inside-article div.post-image {
    margin-bottom: 0;
}
.featured-column .inside-article .entry-summary {
    margin-top: 0.5em;
}

[Jee]

Just need one more tweak to put space between post date and image below.

[Jee]

Added padding in the code and it worked!
Thanks!

[David]

Glad we could be of help

[Author]

Posts