Move meta data under title?

[Rickard]

Hello,

I posted this a while back: https://generatepress.com/forums/topic/move-post-title-and-all-meta-into-center/#post-1174230

I wrote:
The code above works great when looking on individual posts, but when looking at all the posts on the blog page the meta data is next to the title.

I want the meta data on the blog page to be under the post title, how can I do that?

I have included my website URL where this problem is visible. It seems that it is only visible when the post title is too short or something, which means it does not show very often but when it does it does not look good.

[Leo]

Hi there,

Modify this:

header.entry-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

to this:

.single header.entry-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

Let me know if this helps 🙂

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

[Rickard]

Thank you Leo, that worked!

However, now the titles and meta data isn’t centered on the blog page (which I would prefer it to be). Is it possible to fix that?

[Leo]

Add this CSS as well:

.blog .entry-meta, archive .entry-meta {
    text-align: center;
}

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

[Author]

Posts