Author photo in Blogpost

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/

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 */
}

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

Change this line:

border: 4px solid pink;

to:

border: 4px solid #fc0562;

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"

You can safely ignore those warnings.