meta terms below message inline (same line)

  • Resolved Marc Bijl

    (@newoceans)


    4 years, 6 months ago

    When displaying meta data below the image (instead of below the title), a line break is added so that every type of meta shows on a separate line.

    I like to have them at the same line, just like when I choose them to show below title (then it looks fine).

    Don’t know where to change, or how to edit css

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Elvin

    (@ejcabquina)

    4 years, 6 months ago

    Hi Marc,

    Are you trying to make the meta display like this?
    https://share.getcloudapp.com/E0uj0A9o

    If so, try adding this CSS:

    .wp-show-posts-entry-meta {
    display: flex;
    flex-direction: row;
}

.wp-show-posts-entry-meta > *:not(:last-child) {
    margin-right: 10px;
}
    Thread Starter Marc Bijl

    (@newoceans)

    4 years, 6 months ago

    Yes, that’s great! Thnx for the quick reply/solution! 🙂

    Two questions though:

    – Can I add a separator (something like: |) just like with meta below the title?
    – Why is this all different for meta below message vs meta below title?

    Cheers
    Marc

    Plugin Support Elvin

    (@ejcabquina)

    4 years, 6 months ago

    Q#1:

    You can try adding this CSS:

    .wp-show-posts-entry-meta > span:not(span:last-child):after {
    content: "|";
    margin-left: 10px;
}

    Q#2:

    Tom likely patterned it to how WordPress displays the footer meta on single posts page by default.

    If you have a WordPress default site, the single post pages displays their footer meta like this. 🙂

    Thread Starter Marc Bijl

    (@newoceans)

    4 years, 6 months ago

    Works like a charm!

    Thanks so much for the quick reply, and excellent solution! 🙂

    Plugin Support Elvin

    (@ejcabquina)

    4 years, 6 months ago

    No problem. Glad to be of any help. 😀

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘meta terms below message inline (same line)’ is closed to new replies.