Topic: How can I delete the small avatars?

How can I delete the small avatars?

@morgensonne

Participant

11 years, 11 months ago

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

Viewing 7 replies - 1 through 7 (of 7 total)

@xevo

Participant

11 years, 11 months ago

Any link to your website/forums?

@morgensonne

Participant

11 years, 11 months ago

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

Participant

11 years, 11 months ago

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

Participant

11 years, 11 months ago

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

@johnjamesjacoby

Keymaster

11 years, 10 months ago

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

Participant

11 years, 10 months ago

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

Participant

11 years ago

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/