Hi Shaheershahid – I’m no expert in CSS but I can usually figure my way out of a problem with enough trial and error.
For me, adding the margin-bottom resolved the issue of staggered/overlapping avatars in the member directory.
the sidebar itself was being forced to the bottom of my page(s) because the width of the bp “container” div was too wide and so it was unable to render the sidebar properly without forcing it below the “container”. I look at your site right now and on the Register page the sidebar appears on the right. I think it looks like you have fixed the issue on your site, correct?
I had a similar problem. I spent a lot of time trying to edit the files under ../plugins/bp-template-pack/templates and nothing was changing! I browsed through my theme folder /wp-content/themes/ and saw that BP had inserted all of the BP template files within my theme folder — so I was making the edits to the wrong files! Are you certain you are editing the .php files under wp-content/themes/ or are you editing them in the bp-template-pack/templates?
Also, you don’t put [HEADER] etc. anywhere. But you probably do have to change the HTML structure of the template files that BP placed within your theme’s directory.
In order for BP to work, the BP templates need to have that structure. They default to:
<div id=”container”>
<div id=”content”>
My theme had a php call for the header (that’s what they mean by “[HEADER]”) and then what followed was:
<div id=”mainpage”>
<div id=”content”>
So I was able to go in to the BP templates that were placed within my theme directory, and change all of the “containers” to say “mainpage” and that resolved the problem. Of course your structure may be more sophisticated/complicated than that but it should be similar fix.
