Archived topic

Getting Read Time To be On same line

5 replies · Started by Sam on August 30, 2018

Viewing posts 1–6 of 6

August 30, 2018 at 3:17 am #664110

Hi team, I have tried out the method at

To create reading time, and it worked.

But now, I cannot seem to get it on the same line as the author.

I want it to be on the same line, so on Category Archive page, it should be by [author name] | [time to read]

On the Blog Post page, I want it to be by [author name] | [date of post] | [time to read]

1. I would like them to be all on the same line, and also to have the "|" divider in between.

Please advise how to go about doing it?

Thank you!

August 30, 2018 at 9:47 am #664534

Hi there,

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

You can edit the original topic and use the private URL field.

Let me know :)

September 8, 2018 at 2:38 am #671732

Hi Leo, updated this thread with the URL. please assist, thanks!

September 8, 2018 at 10:40 am #672014

Try this CSS:

.read-time {
    display: inline-block;
}

September 9, 2018 at 6:16 am #672443

Thanks Leo, that worked. how do i get the line in front of the time, please?

September 9, 2018 at 9:21 am #672606

Replace this CSS:

.single .comments-link, .single .posted-on {
    border-left: 1px solid #ddd;
    padding-left: 10px;
    margin-left: 10px;
}

With this:

.single .comments-link, .single .posted-on, .read-time {
    border-left: 1px solid #ddd;
    padding-left: 10px;
    margin-left: 10px;
}

This archived topic is closed to new replies.