[Support request] How to Show Icons before Date and Comments Post Meta

[Tom]

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

[Ravi Dixit]

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…

[David]

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.

[Ravi Dixit]

Thanks, David!

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

[David]

You’re welcome

[Ravi Dixit]

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.

[Tom]

Hi there,

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

[Ravi Dixit]

Try to search for anything using the Search bar.

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

[Tom]

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

[Ravi Dixit]

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.

[Tom]

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;
    }
}

[Author]

Posts