Site logo

Archived topic

Author Archive Header

5 replies · Started by Emma on November 10, 2019

Viewing posts 1–6 of 6

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?

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.

Try this CSS:

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

That's great! thank you :)

You're welcome

This archived topic is closed to new replies.