Try this in your stylesheet:
#members-dir-list .item-list li {clear:both;margin:0 0 2em 0;}
I’d add a top/bottom pad, too (say padding:5px 0;), but that’s just me! 
@r-a-y i was having the same problem with my members list and this fixed it but i am also having the same problem with my group directory and and when I view the groups and friends list under my profile page. Is there something that i can add to fix that too. after i fixed the members page with this
#members-dir-list .item-list li {clear:both;margin:0 0 2em 0;padding:10px 0;}
i thought i would try this for the groups directory but no go
#members-dir-list .item-list li {clear:both;margin:0 0 2em 0;padding:10px 0;}
any ideas???
@kippnkatie – I would strongly recommend learning some elementary CSS. Using the Firebug plugin with Firefox also helps immensely.
Replace your following snippet above with:
#members-dir-list .item-list li, #groups-dir-list .item-list li {clear:both;margin:0 0 2em 0;padding:10px 0;}
This should fix both your members and groups directory.
@r-a-y oh sorry i pasted the wrong thing i used this and it didn’t work
#groups-dir-list .item-list li {clear:both;margin:0 0 2em 0;padding:10px 0;
i am in the process of trying to learn some but not really sure of how to go about it. i have just been looking through alot of the files and trying to determine what each thing is doing and then i try to use it somewhere and see what happens.
what does the firebug plugin do?
ok so yours worked grouping the 2 together but mine wouldn’t work having them seperate, why is that?
still having trouble getting the lists under my profile pages to not stairstep.
ok so yours worked grouping the 2 together but mine wouldn’t work having them seperate, why is that?
It depends on where you placed the CSS snippets. I hope you created a child theme to make your changes. Creating a child theme allows you to make changes to the default BP theme easily.
i am putting them in a custom.css file
what is a good resource for learning css
