Site logo

Archived topic

Show Original Date Before Updated Date

5 replies · Started by Gabe on February 2, 2021

Viewing posts 1–6 of 6

Using the CSS posted here: https://generatepress.com/forums/topic/how-to-show-published-and-updated-dates/

I am able to display the updated post date. But, the updated date shows before the original date on the same line. I would like to reverse those dates and put updated on the next line.

This is what I'm getting:
Updated February 1, 2021 Published January 29, 2021 by John Smith

This is what I want:
Published January 29, 2021 by John Smith
Updated February 1, 2021

Forgive me if I missed the solution somewhere, I found lots of similar topics, but none that solved my issue.

Hi Gabe,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Sure!

Hi Gabe,

Try this CSS for desktop, what's the look you want for mobile? If you shrink the font size, it might work for mobile as well. Let me know :)

@media (min-width: 769px) {
    .entry-meta {
        display: flex;
    }
    .posted-on {
        display: flex;
        flex-direction: column;
    }
    .entry-date.published {
        order: -1;
    }
}

That works! Thank you so much!

You are welcome Gabe :)

This archived topic is closed to new replies.