You’re on BP 1.1.3, right? The userbar.php and optionsbar.php files – the two verticals you have there – are located in bp-sn-parent theme. The calls to both the userbar and options bar are made in made in bp-sn-parent theme’s header.php:
<?php locate_template( array( 'userbar.php' ), true ) /* Load the user navigation */ ?>
<?php locate_template( array( 'optionsbar.php' ), true ) /* Load the currently displayed object navigation */ ?>
Yeh correct. And thanks… I just removed the userbar.php and optionsbar.php files from the site, and sure enough, those 2 columns in a member profile no longer have any content.
However; the columns are still displaying (2 different shades of grey). Are these divs? And if so, I’m assuming they are somewhere in the index.php file, but Im unable to locate them. Can you point me in the right direction… please?
The different shades of gray are rendered by background images for certain pages of the theme. It’s been some time since I created a child theme for bp-sn-parent, but these selectors should get you started:
body.blog-page #container,
body.directory #container,
body.home-page #container,
body.internal-page #container,
#container {
background: #ffffff none;
}
where you can change #ffffff to whatever color you want and “none” in effect says no background image for these pages.
You add that style at the bottom of screen.css located in BP 1.1.3 bp-default/_inc/css/ folder.
Or to be BP-correct, uncomment the following
@import url( _inc/css/custom.css );
in your bp-default style.css and create custom.css file in bp-default/_inc/css/ folder and add above style to custom.css.
Sorry I don’t think that’s what I’m looking for tbh…
Those 2 grey columns have styling, as you’ve suggested, so Im assuming they are inside a div?
Basically I want to take that 2 column div, and turn it into 1 column, and then add the “about me” (etc) details into it.
I’ve edited the avatar size and that will display on the right hand side of the profile.
Here’s a screenshot/ photoshop of what I’m trying to achieve (the blue parts are just to hide data I cannot show at this time):
http://i231.photobucket.com/albums/ee311/threegcodes/newlookscreen.jpg
So.. what I need to locate is this div, so I can change it from 2 columns to 1 column. If I’m correct? However I can’t find it anywhere.. I just need pointing in the right direction.
Those two grey columns, as I mentioned above, is a background image added to the left hand side of the container div in certain pages within that theme as I showed you with the selectors. You can always replace the original background image with another in your style sheet.
Since you deleted the usersbar.php and optionsbar.php which have their own divs, you would need to replace them with your own div containing the information you want for that area and style accordingly.
Thanks for that mate.
After about 5hrs of messing around with css and those .php files, here’s what I’ve ended up with:
http://i231.photobucket.com/albums/ee311/threegcodes/profilesnew.jpg
The only problem now is the 2nd column in the details section.. it’s very narrow. Note where it says “Green/ Brown” .. The “Green” is being pushed down onto the next line, and I have no idea how to fix this.
Got any ideas?
Resize the first column table cell to 40%-50%
thanks.. that worked a treat. 
