[Resolved] Unable to add border on Author image

[Pintu]

Hi, I’m trying to a border around my author image like this site https://theadminbar.com/how-to-write-a-blog-post-that-ranks-on-google-with-some-blogging-freebies/

If I’m adding this CSS

border-style: solid;
border-width: 2px;
border-color: brown;

to my Author’s image. It is adding two different borders around it https://ibb.co/YZNzpF7

Can you please give me the right CSS to add a border around my Author image?

[Fernando]

Hi Pintu,

Can you try this CSS?:

.single-post img.avatar.dynamic-author-image.dynamic-author-image-rounded {
    border: solid 1px brown;
}

[Pintu]

Didn’t work. The CSS you provided is for the Autor image in the meta section.

But I want to add a border around the author’s image which is the END of the post. See here ( https://ibb.co/YZNzpF7 )

I’ve added the link in the private section.

[Fernando]

I see. Thank you for clarifying. Try this instead:

.single-post .author-box img.avatar {
    border: solid 1px brown;
}

[Pintu]

Now it works. Thanks 🙂

[Fernando]

You’re welcome, Pintu! 🙂

[Author]

Posts