Inline Author / Date below the Title

Hi there,

Can you link us to the page in question to check? To help you out with the CSS writeup.

Let us know.

Sure!

I have the two different examples, and struggle to find the difference.

Example 1 (the one I need help with):
https://dev.masina.rs/post-sa-svim-elementima-za-test

Example 2 (where it works as I want it):
https://qpress.tech/off-canvas-test-page

I have the two additional questions:

1. The Example 1 outputs “post-meta-stack” class, while the Example 2 outputs “post-meta-inline” class.
From where the difference comes from, and how can I control it?
The settings for both lists should be identical.

2. In the Example 2, some CSS (e.g. “text-align:left;” doesn’t fire from the Simple CSS box below the editor, but works from Customizer.
Any idea why?

Thanks!

• This reply was modified 3 years, 10 months ago by vlidi.

1. The Example 1 outputs “post-meta-stack” class, while the Example 2 outputs “post-meta-inline” class.
From where the difference comes from, and how can I control it?
The settings for both lists should be identical.

This is controlled on the List’s Meta tab. Setting “Below Title” adds post-meta-inline while “Below Posts” adds in post-meta-stack.

2. In the Example 2, some CSS (e.g. “text-align:left;” doesn’t fire from the Simple CSS box below the editor, but works from Customizer.
Any idea why?

It’s possibly a precedence issue. But I can’t really be sure unless I fully check the page source for stylesheet precedence order and/or check all the stylesheets for selector precedence.

More about CSS precedence here: https://css-tricks.com/precedence-css-order-css-matters/

Hi Elvin,

one of the items was indeed set to “Below Post”, and the Example No 1 is now inline, thanks!

But now the date comes before author, as a difference form the Example No 2, where it is the other way around (this I think should be the default WPSP order).

How can I reorder so that it is Author / Date?

Thanks!

P.S.
Re: the precedence, you’re probably right as I have another WPSP list in the CSS, will sort that out.

I am still not sure where the difference in entry meta order between these installations came from.

But it is solved for the time being with this CSS:

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

.wp-show-posts-posted-on {
padding: 0px;
order: 2;
}

.wp-show-posts-byline {
order: -1;
padding-right: 10px;
}

Thank you for the great plugin!

Yeah CSS is a workaround but it’s quite strange how it behaves that way. I’ve been trying to replicate it but I wasn’t able to.

It’s like the plugin had a history of being edited where the order of of the meta items where swapped as supposed to the normal sequence where the the author displays before the date.

Glad you got it sorted though. Thank you for sharing it with us.