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

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

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2234189
    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

    #2234290
    Ying
    Staff
    Customer Support

    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;
    }
    #2234377
    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?

    #2234881
    David
    Staff
    Customer Support

    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;
    }
    #2272589
    Cristiano

    It worked, thank you very much! ๐Ÿ˜€๐Ÿ˜€

    #2272614
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.