[Resolved] Author photo in Blogpost

[_blank]

hi!
i tried – https://docs.generatepress.com/article/entry-meta-style/ to add author image in post meta and i am able to see the author image in blogs page but i also want it to appear in the individual blog post.
as of now only the title , author name and date is visible in it but i want to show author image also.

[_blank]

voo!! i just came around this post- https://docs.generatepress.com/article/page-hero-examples/#example-2
And now i am able to see the image it worked perfectly!

Now i just want to customize the author image a little bit-
i want to add a small pink color boarder around the author image like how it is done here: https://www.searchenginejournal.com/seo-101/how-people-search/

[David]

Hi there,

edit this CSS and include the border property i have added:

.page-hero-gravatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
    border: 4px solid pink; /* Add this line */
}

[_blank]

Hi!
thank you so much! but i want the color to be #fc0562 so can you pls change the code?

[David]

Change this line:

border: 4px solid pink;

to:

border: 4px solid #fc0562;

[_blank]

I am getting a warning in css “using width with border can sometimes make element larger then you expect”
and
“using hight with border can sometimes make element larger then you expect”

[David]

You can safely ignore those warnings.

[Author]

Posts