White/Blue icon on avatar in comments – how to change it?

  • Resolved Doremdou

    (@doremdou)


    8 years, 11 months ago

    Hi everyone 🙂

    I have seen this little blue and white icon on avatars in the comments section on several websites with the Hueman theme (so this is not just me lol):

    View post on imgur.com

    What is it and how can I change/remove it please?

    I was thinking it could be some kind of icon to show who can Edit and Publish posts but I am not sure.
    I can’t find what it is even when I right click on it on firefox, it does not show in the CSS part either.

    Anyone can help? 🙂 thank you very much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • bdbrown

    (@bdbrown)

    8 years, 11 months ago

    Hi Doremdou. It’s the font awesome icon that indicates the author of the article. This is the theme default css:

    .author-bio .bio-avatar:after {
  background: #3b8dbd;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 4px 4px;
  content: "\f040";
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  width: 12px;
  font-style: normal;
  font-family: FontAwesome;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
    Thread Starter Doremdou

    (@doremdou)

    8 years, 11 months ago

    Hello bdbrown!
    it was not exactly this part of CSS but thank you for pointing me in the right direction ! I found it!

    It was not in the “author bio” part but in the “commentlist” one:

    .commentlist li.comment-author-admin > .comment-body:after {
background: #3b8dbd;
display: block;
position: absolute;
content: "\f040";
color: #fff;
line-height: 12px;
width: 12px;
font-style: normal;
font-family: FontAwesome;
text-align: center;
}

    Thanks! have a nice day 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘White/Blue icon on avatar in comments – how to change it?’ is closed to new replies.