[Support request] Author Archive Header

[Emma]

I have created a header element for the author archive pages. The author image is next to the author name with no space between the two. Would you be able to advise how I can add some space between the image and the text? I would also like the author image to be round instead of square. Is this possible?

[David]

Hi there,

did you follow this example for adding the author image?

https://docs.generatepress.com/article/page-hero-examples/#example-2

If so it contains the necessary CSS to be added.

If a problem can you let me see the site so i see what the issue is or provide the correct CSS

[Emma]

I don’t actually want to add an author image to the header in the posts. It’s the header on the author archive page I’m struggling with. The gravatar image seems to be there by default but it’s too close to the text. You can see what I mean here: https://positivevibesetc.com/author/emma-schwartz/. I would like to add a space between the image and text and if possible make the author image round instead of square. Hope that makes sense.

[David]

Try this CSS:

.page-hero .post-heading img {
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 20px;
}

[Emma]

That’s great! thank you 🙂

[David]

You’re welcome

[Author]

Posts