Post title in same line as post date

Hi Paul,

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

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

Sure! Here is my site -
givepraiserecords.com

And here is what I’m trying to achieve, I don’t need a fancy date set up, just in the same line -
dlxsf.com

Give this CSS a try:

ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts > li > a, ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts > li > time {
    display: inline-block;
}
ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts > li > time {
    padding-left: 0.5em;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

I added it but it doesn’t look like anything changed?
Any other ideas?
Thank you so much!! The service here is just as great as the theme itself!

Thank you!

They are on the same line on my side:
https://www.screencast.com/t/o4XqDa8zD

Can you confirm is it what you are looking for?

If so, try clear your browser cache :)

Thanks!

Oh I’m so sorry!!! I was looking to do it on the blog and at archive, sorry!
On this page -
https://givepraiserecords.com/blog/

Ah no worries, try this instead:

.blog header.entry-header >*, .archive header.entry-header >* {
    display: inline-block;
}

Let me know :)

Perfect!!!!! Is there anyway to force the entry title into a left column, because on mobile of the title is too long, the date goes underneath the title,

Thank you so much!!!

Do you want something like this?
https://www.screencast.com/t/01MUnUzE

If so, try this CSS:

@media (max-width: 768px) {
    .blog header.entry-header, .archive header.entry-header {
        display: flex;
    }
}

Perfect!!! Perfect!!! Thank you so so much!! Have a great rest of the day, thank you!!!!

Paul

Oh jeeze! I’m sorry one more thing!!!! Is it possible to move the date all the way to the right side of my background box??
https://givepraiserecords.com/blog/

Yes!

Try this:

.blog header.entry-header, .archive header.entry-header {
    justify-content: space-between;
}

You are amazing!!!!! Thank you so so much!!!

Glad to be helpful :)