[Resolved] How do I stack the “post meta item” in the footer on single post page?

[Cristiano]

Hello,

How do I stack the “post meta item” in the footer on single post page?

They are as follows:

I want them to look like this:

There are three columns and rows at the top. I intended to use this style as a post navigation designer:
https://docs.generatepress.com/article/inline-post-navigation/

Can you help me?

I sent my website to the restricted area.

Thanks

[Ying]

Hi there,

Change this CSS:

single-post .entry-meta, .single-post .entry-meta .meta-data { 
    display: flex;
}

to:

single-post .entry-meta, .single-post .entry-meta .meta-data { 
    display: flex;
    flex-wrap: wrap;
}

[Cristiano]

Hello, and thank you for taking the time to read this!

Because your code interfered with the header’s entry-meta, I modified it.

footer.entry-meta {
    display: flex;
    flex-wrap: wrap;
} 

I tried it in this manner and it worked! Thank you so much!

Could you could assist me in creating a line between the entry-metas?

[David]

Hi there,

try this CSS:

.single-post footer.entry-meta .tags-links {
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

[Cristiano]

It worked, thank you very much! 😀😀

[David]

Glad to hear that!

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

[Author]

Posts