I have two issues with UserPro integration in bbpress !

The firt one is that I’ve reduce the size of the avatar in forum view, but now the avatar seems to be too low and I don’t know how I can solve it.

The second one is that the “certified” badge don’t appears beside the username but behind. I think that it’s because the left column is too small, what do you think ?

Thx a lot for your help !

can you provide a URL of your website at least ? properly it’s CSS issue but i cannot help you about that this way. if your website is on maintenance mode you could find me on GoogleTalk 🙂

BTW, about the second picture:
looks like the member’s title is center, means column width is very low ( im not sure, because member’s title and verified badge is not too big ), or something else happened so it is under the member’s name.

I can’t contact you on GT for the moment, I’m at work !

For information, this display bug (avatar too low) appears since I’ve added this code in my CSS :

#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 {border: 0px solid #ddd;}

I’ve added this code to remove the white border around avatars 🙂

i’m sure removing border is not your problem at all except adding border move elements for 1px so style will change and a border will add around the element. nothing more

for second picture, you should take a look at username and verified badge width to see if their row have enough space or not ( if not, you should change css then ).

my mean from contact me on gt was sending message on googletalk not real contact like voice call 😛 btw im still here.

regards

If you look on this forum, for exemple my last reply, the border take a lot of place as you can see on sentence :
“This reply was modified 23 minutes ago by Nexnivis.”

Because there is no only the 1px of the border, but the “padding” between the avatar and the border too. So I guess that remove the border can make the avatar too low.

And for the certified badge I will try few verification at home ASAP 😀

Thanks again m3 for your precious help

really i don’t know what are you talking about. in the first post you linked, there is no different except the size of avatars. can you provide a complete Screenshot from the sections you’re talking about ? i will help you on that better if you do that.

sometimes, depends on position ( relative, absolute and … ) or padding or margins, images could displays in different ways. so it is difficult to say what happened in your BBPress or wordpress theme and sorry for that.

regards

Here is what I mean :

I’ll take example on this website :

If I make a zoom on it :

There is one border of 1px just around the avatar, a space of 1px around the border, and again one border of 1px around the space.

With the code I’ve pasted I’ve removed these two borders, so my avatar is descending of 3 px as you can see here :

I hope i’m more clear 🙂

you know ? actually there is one border around of the avatars with double method to display. means its CSS is border: 3px double #ddd that the result will display as you can see.

i think i’ve just got your mean. you removed the borders and now it is not at the middle of the line anymore, huh ?

if yes, edit the css like this:

so those little avatars will set to middle of the line again like this:

is that help ?
Regards

It’s EXACTLY what I want 😀

Thx a lot !!