Site logo

Archived topic

Tag, category and comments in a single line

10 replies · Started by Toni on December 23, 2019

Viewing posts 1–11 of 11

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;
    }
}

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

Edit the CSS here

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 :(
https://imgur.com/a/pBuwprE

Sorry again.

Updated here :)

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

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)

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

You're welcome - Merry Christmas :)

This archived topic is closed to new replies.