[Morgensonne]

Hi,

I agree with the desire of Chantal Coolsma from last year:

„Avatars on posts are welcome. All those small avatars are annoying.
I want to remove them completely.“

Her solution was:

“I have added .avatar-14 to style.css now with display:none;”

Here is her post.

However, I can not find any class .avatar-14 in the style.css, where I could add a display: none;
Can someone tell me how I can remove the little avatars and can only keep the big one on the posts?

Thank you!
Morgensonne

[Xevo]

Any link to your website/forums?

[Morgensonne]

Hi Xevo,
sorry, but it runs still on localhost.
But it looks just like here in the forum. For example, in the table “Latest Topics”

Please look here.

These small avatars I would like to delete.
I guess it is to be found in the same file of bbPress?

Would be glad for help.
Thank you.

[Xevo]

It’s called “avatar-14” because the size is 14×14 pixels.

Add this to the bottom of your css file, and it should work.
.avatar-14 { display: none !important; }

[Morgensonne]

I’ve added it into the style.css of my child-theme.
But the avatars are still there.
Was that the wrong style.css??

[John James Jacoby]

What @xevo says is correct. If you put it in the correct place (meaning it’s loading correctly) that CSS will hide the default small avatars and prevent them from being displayed.

[Morgensonne]

Thank you, John James, for your help!
I’ve checked it again and again and finally saw that I had written it in the wrong style.css. Embarrassing these newbies ….. 🙁
Sorry about the trouble.

Thank you!
Morgensonne

[lyhiz]

Remove border and add

height: 15px;
width: 15px;
or

height: 0px;
width: 0px;

Example:

/* =Avatars
————————————————————– */

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
float: none;
margin-bottom: -7px;
height: 15px;
width: 15px;

Live:

http://gameboss.eu/forums/forum/gameboss/