[Support request] Tag, category and comments in a single line

[Toni]

Hi! attached the desired footer entry meta. Thanks.

View post on imgur.com

[David]

Hi there,

try this CSS:

body:not(.single) footer.entry-meta {
    display: flex;
}

body:not(.single) footer.entry-meta span:not(:last-child) {
    margin-right: 10px;
}

body:not(.single) footer.entry-meta span:last-child {
    margin-left: auto;
}

@media (max-width: 600px) {
    body:not(.single) footer.entry-meta {
        flex-wrap: wrap;
    }

    body:not(.single) footer.entry-meta span:first-child {
        margin-right: auto;
    }

    body:not(.single) footer.entry-meta span:nth-child(3) {
        margin-right: 0;
    }
}

[Toni]

Hey! works!
You are the fuc*ing master!
Thanks a lot!

[Toni]

well, in mobile version, (i have iphone6s) it does not look very good

View post on imgur.com

any suggestions?
Thanks

[David]

Edit the CSS here

[Toni]

Thanks a lot, works fine, but missing a small space of separation and
i don’t know how to fix it. I’m not very good at CSS 🙁

View post on imgur.com

Sorry again.

[David]

Updated here 🙂

[Toni]

Hi! in the index is perfect, all is in one line, but if you enter in any post, again break the single line 🙁

[David]

The CSS I provided only applies to the Archive pages.
If you want it to apply to the Single Post as well then you will need to remove all instances of this:

body:not(.single)

[Toni]

Thanks David. Works fine!
Feliz Navidad desde España!
Merry Christmas from Spain!

[David]

You’re welcome – Merry Christmas 🙂

[Author]

Posts