Hi @alice-kaye. The avatars should be side to side by default. Site URL? What theme are you using?
Hi @mercime,
Thanks for getting back to me so quickly and sorry I totally should have added that information.
http://www.heartwoodgaming.com/
I’m using Aggregate by Elegant Themes. 🙂
Thanks for looking! 🙂
Checking in on this topic. Hoping there is something that can be done regarding this widget. At the moment I can’t have more than 2-3 people logged in at a time without this thing scaling the page to be really long.
@alice-kaye Unfortunately, the theme sidebar’s do not have the usual variables added for widget areas. That’s why you have an unstyled avatars in the “Who’s online” widget. Can you switch to another user so that another avatar would show up. I’d like to see if the div item-list shows up per avatar or for the whole list.
Hi @mercime,
Thabks for getting back to me on this. I just logged into two accounts on my phone so hopefully you can see both before they log themselves off.
If not, I can definitely do this tomorrow during the say. It’s 1:30 here, o I need to nod off for the night.
If you see the issue, let me know! I’d love to solve this issue.
Thanks again for looking!
@alice-kaye We’ll have to do this tomorrow when you log in again. Right now, there isn’t even a “Who’s Online” widget in any of the BP pages.
Hi @mercime
Sounds like a good plan. Let me know when you have a moment and I’ll put the widget right on the front page.
The same thing is happening to the Recently Active widget as well, and I assume they have similar coding: http://screencast.com/t/niGwM2790
Thanks in advance!
@alice-kaye I see them now 🙂 You’d need to add the following to your theme or child theme’s stylesheet.
.widget div.item-avatar img {
height: 40px;
margin: 1px;
width: 40px;
}
.widget div.item-avatar img.avatar {
float: left;
margin: 0 10px 15px 0;
}
Hi @mercime,
Thanks so much for getting on that so quickly!
However, it’s not seemingly staying within it’s own widget container, as it’s encroaching on the widget below it.
Any ideas?
@alice-kaye also add the following as well to your stylesheet:
.widget {
overflow:hidden;
}
Perfect! Thank you @mercime! 🙂
You’re welcome. Marking this topic as resolved.
