[Support request] Entry Meta Customization

[Ankit]

Hello Tom,

I want to customize entry meta in this format:

Author Pic by Author Name | Comments Count | Clock icon Last Updated Date

Example 1: https://cl.ly/0O081U3K1H3Q
Example 2: https://cl.ly/2x2m3m1W1i1l

Please do let me know how can I do this?

Thank you,
Ankit

[Leo]

Hi there,

Can you start with Tom’s solution in #1 here?
https://generatepress.com/forums/topic/i-have-3-question/#post-418196

[Ankit]

Thank you, Leo.

I just tried Tom’s solution but it is also not giving me the desired result.

See how it is showing on my blog: https://cl.ly/1t3b2j2r3p1N

Please help.

[Tom]

You could go nuts with Flexbox like this:

body:not(.single) .entry-meta {
    display: flex;
    align-items: center;
}

body:not(.single) .entry-meta span.byline {
    order: 1;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

body:not(.single) .entry-meta span.comments-link {
    order: 2;
    padding-right: 20px;
}

body:not(.single) .entry-meta span.posted-on {
    order: 3;
}

body:not(.single) .entry-meta span.posted-on .updated {
    display: block;
}

body:not(.single) .entry-meta span.posted-on .published {
    display: none;
}

body:not(.single) .entry-meta span.posted-on .updated:before {
    content: "Last updated: ";
}

body:not(.single) .entry-meta .author img + a {
    position:  relative;
    top: 8px;
}

[Author]

Posts