[Resolved] Author avatar next to author name in post meta

[Yoeri]

Hello 🙂

I’m looking for a solution to show my avatar next to the post author in the meta, see my example:

http://cl.ly/a95c0b70f9ac

Hope you guys can help me out with this. Thank you in advance!

[David]

Hi there,

does this article help:

https://docs.generatepress.com/article/entry-meta-style/

[Yoeri]

Yes that worked great, thank you!

[David]

Glad to be of help.

[Yoeri]

Goodday,

Since the update of the GP theme the fix above shoes up weird. See: https://bit.ly/2v4F9Rw

The same happens on different sites with the code used. Any idea how to fix this? 🙂

Thank you in advance!

[David]

Could be a caching issue, can you try flushing your cache, if no improvement flush it again and disable it so we can take a look at the issue.

[Yoeri]

It looks like this after updating to the recent GP version:

http://cl.ly/0d9c0adc30f0
http://cl.ly/203b206c2b3f

Caches are already flushed.

Thank you again 🙂

[Tom]

What did it look like before? The main issue I’m seeing is a shadow/border added to .inside-article, but you’re using One Container in “Customize > Layout > Container”.

[Yoeri]

Hello Tom,

It looked like the first example on this page: https://docs.generatepress.com/article/entry-meta-style/

I used the php snippet & CSS code which you can find on that page. One Container is my standard while building sites.

[Leo]

Maybe I’m missing something here but what’s the difference between your screenshots:
http://cl.ly/0d9c0adc30f0
http://cl.ly/203b206c2b3f

And the example?
https://docs.generatepress.com/article/entry-meta-style/

I don’t see any meta on the page you linked?

[Yoeri]

Hello Leo,

If you take a look at the screenshots you see the post title and meta info sticks to the left instead of the original aligment. Also the featured image isn’t the format/aligned how it should be.

Seems that after the latest update the code snippet only works if using ‘Separate container’ instead of ‘One container’. Since I’ve changed this it looks like it should be: https://bit.ly/2v4F9Rw

[Tom]

Try adjusting this custom CSS you’re using:

.blog .inside-article {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 #eaeef2;
}

To this:

.blog.one-container .inside-article {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 #eaeef2;
}

[Yoeri]

Hello Tom,

That worked! Thank you very much 🙂

[Tom]

You’re welcome 🙂

[Yoeri]

Hello GP heros!

I’m experiencing a new problem with the code. The date appears two times: One time where it should be but also under the ‘read more’ button. See: http://bit.ly/36JveCR

Thanks in advance! 🙂

[Author]

Posts