BBPress Avatar CSS Not Displaying Correctly

[matt supertMember Post count: 8]

I am using the pure theme and my Avatars are not displaying correctly. They are displaying too large on the BBPress main index page as you can see in the image below. I unfortunately cannot seem to track down the CSS I need for these so I would like to either get these to size correctly or perhaps even just not have them display at all except on the topic page.

I have posted some photos linking illustrating what i am talking about.

http://imgur.com/a/PfwYt

bbpress 2.3
Wordpress 3.5.1
Theme is Pure

[themeweaverKeymaster Post count: 730]

You could try selecting “enable buddypress support” in the Theme Options page. I know you are not using full BuddyPress, but this option loads some additional css which includes some fixes for bbPress forums.

[matt supertMember Post count: 8]

I have that option already selected, and I am running version 2.6 of the theme. No luck on that. The thing throwing me off is that when I browse through the stylesheet I don’t see anything that is related to avatars or bbpress or buddypress.

[themeweaverKeymaster Post count: 730]

1. the buddypress styelsheet is in extend\buddypress.css. The option you selected loads this.

2. bbPress is meant to be theme independent, so there should be some styling being loaded by the plugin.

Do you have a url we can see to check for you?

The theme demo is running BuddyPress but the forums in BP are from bbPress. See http://buddy.livingos.com/pure/forums/

In the buddypress style sheet we are forcing the avatars to be 20px, because as you have experienced the plugin default behaviour is for them to be larger.

The line of css is:

table.forum td img.avatar {
margin-right: 5px;
width: 20px;
height: 20px;
vertical-align: middle;
}

If you have a url we can have a look.

[matt supertMember Post count: 8]

Yes, my url is http://www.orju.net

[themeweaverKeymaster Post count: 730]

OK try:

.bbp-author-avatar img.avatar 
}
width: 20px;
height: 20px;
}

[matt supertMember Post count: 8]

Thanks,

I will try to test this out this evening and report back if I run into any problems.

[matt supertMember Post count: 8]

Just following up on this topic. IT seems we are about 90% of the way there. The icon has shrunk, but not it also appears to have shrunk for the display in the post, like what you see to the left here.

http://orju.net/forums/topic/this-is-a-test-post/

[matt supertMember Post count: 8]

Anyone?

[themeweaverKeymaster Post count: 730]

OK, the CSS needs to be more specific. So replace above css with:

#bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar{
width: 20px;
height: 20px;
}

[matt supertMember Post count: 8]

Perfect. That seems to have worked. Thanks much for helping me track this down. BBPress does not have the greatest of documentation.

[Author]

Posts