How to Show Icons before Date and Comments Post Meta

Perfect, now activate this snippet as well: https://generatepress.com/forums/topic/how-to-show-icons-before-date-and-comments-post-meta/page/3/#post-973183

Thanks A Lot, Tom!

Everything is working great.

Thanks for this help, you're awesome.

I want to take a suggestion from you, I want to create a WordPress plugin so which languages I need to learn and how long it will take me to learn them to build a plugin?

As for know, I know HTML and CSS...

Hi there,

the very minimum will require a knowledge of PHP. Further to this you would want to learn Javascript and most probably the jQuery library.

Thanks, David!

Currently, I am learning Javascript and then I will learn PHP and then Jquery as you suggested.

You're welcome

Hello,

I need one more little help, I am showing a gravatar image with the author, And icons as with meta.

You helped me with this...

But in mobile view, Meta as showing in archive page like this: https://prnt.sc/onqqcr

And on the single post: https://prntscr.com/onqqhy

I want to show on Archive page same as on Single post.

All meta should be in a single line with the upper and bottom border as in the single post.

As you can see on the screenshot of archive page, all meta are not in on single line.

It will be more good if I can do the same for WP Show Post.

Hi there,

Where can I see the issue? I'm not seeing an archive page with your gravatar etc..

Try to search for anything using the Search bar.

Here is the direct link: https://www.staymeonline.com/?s=generatepress

So there isn't really much room on smaller screens for them all to be in line. What if they were stacked?

Yes, I can understand there is not much space.

But you can open any single post in mobile view, you can see meta aligned well in a single line.

I want the exact same.

So you're using this CSS right now:

@media (max-width: 420px) {
    .single-post .entry-meta {
        font-size: 16px;
    }
}

Replace it with this:

@media (max-width: 420px) {
    .entry-meta {
        font-size: 16px;
    }
}