Title: meta terms below message inline (same line)
Last modified: September 29, 2021

---

# meta terms below message inline (same line)

 *  Resolved [Marc Bijl](https://wordpress.org/support/users/newoceans/)
 * (@newoceans)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmeta-terms-below-message-inline-same-line%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [Elvin](https://wordpress.org/support/users/ejcabquina/)
 * (@ejcabquina)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/#post-14919956)
 * Hi Marc,
 * Are you trying to make the meta display like this?
    [https://share.getcloudapp.com/E0uj0A9o](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](https://wordpress.org/support/users/newoceans/)
 * (@newoceans)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/#post-14919998)
 * 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](https://wordpress.org/support/users/ejcabquina/)
 * (@ejcabquina)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/#post-14922936)
 * 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](https://wordpress.org/support/users/newoceans/)
 * (@newoceans)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/#post-14924157)
 * Works like a charm!
 * Thanks so much for the quick reply, and excellent solution! 🙂
 *  Plugin Support [Elvin](https://wordpress.org/support/users/ejcabquina/)
 * (@ejcabquina)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/#post-14926813)
 * 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.

 * ![](https://ps.w.org/wp-show-posts/assets/icon-256x256.png?rev=2846296)
 * [WP Show Posts](https://wordpress.org/plugins/wp-show-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-show-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-show-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-show-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-show-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-show-posts/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Elvin](https://wordpress.org/support/users/ejcabquina/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/meta-terms-below-message-inline-same-line/#post-14926813)
 * Status: resolved