[Resolved] Post Visit Counter and Mins Read time

[Sourabh]

Thanks, Tom:

But It’s not showing complete information or can say still not in the correct format (Refer snapshot in private section) –

What I need is here –

Author By: ABCD | Date | Comments | Reading time

So Telling you what is missing in your code, see below –

how to add Author text before Author name (Like Author : ABCD)
how to add seperator between all (Want to use this – |)
Reading time text missing in display as its showing only : 10 mins (only showing time not text).

and later how to align everything in the center ??

[Tom]

Add the updated PHP: https://generatepress.com/forums/topic/post-visit-counter-and-mins-read-time/page/2/#post-1586449

Then add this CSS:

.entry-meta {
    text-align: center;
}

.byline:before {
    content: "Author: ";
}

.byline, .posted-on, .comments-link {
    border-right: 1px solid #ddd;
    padding-right: 5px;
}

[Sourabh]

Hi Tom,

Almost clear just a small error as a separator is missing between Comments and reading time ??

Refer snapshot…

[Tom]

Try the updated CSS above.

[Sourabh]

Yes perfect, but initially we added a line in top of meta and a line in the bottom of the meta, So that vanished now??

How to add that again ??

[Tom]

Did you remove the CSS from this post?: https://generatepress.com/forums/topic/post-visit-counter-and-mins-read-time/page/2/#post-1586449

[Sourabh]

yes removed as you asked to update new.

[Sourabh]

Its done now, i readded, Thanks Tom..

[Tom]

Awesome – all looking good now?

[Sourabh]

Design is okay and It’s similar to what I wanted, But a few things I wish to know from you like –

Separator color is too light, how to make it a bit bold so that it could be visible more clear??

How to change font ??

author name and comment text are blue (Rest everything is black), so how to change them to black so everything should look the same???

Guide me how to do it??

[Tom]

You can change the separator color by changing #dddddd in the code here: https://generatepress.com/forums/topic/post-visit-counter-and-mins-read-time/page/3/#post-1588409

When it comes to the overall design, you’ll need to play with some CSS – most things can be achieved with properties like font-weight and font-family in the CSS I’ve provided. When it comes to custom development like this, we’re happy to help point you in the right direction, but more catered design stuff may require you to use a service like Codeable.io.

[Sourabh]

Its enough for Me, You are always Helpful Tom, Thanks

[Tom]

No problem!

[Author]

Posts