EcoPro - Buddypress Template Fix

[hyest 0]

Wow... I had to previously setup a website on the station pro theme with buddypress, which with a few "margin 0 auto" CSS fixes and editing all the template files to basically put the sidebar in the content area (or get rid of it completely) in wasn't the hardest thing i've ever done. I purchased the Eco Pro theme for another project, and many hours (trial & error, blood swear n tears) later I finally figured out how to get buddypress looking right. It took so many fixes I almost feel like I developed a whole new program! In case it helps anyone, here were the CSS fixes (put in to the custom code panel, problems included no centering, main menu mis-aligned, the WP125 Ads out of wack (only in firefox for some reason.. not IE/Chrome/etc), and i forget what else):

	/* BUDDY PRESS FIX */
	.texture {
	width: 1000px !important;
	}
	#container {
	width:960px;
	margin: 0 auto;
	}
	.content {
	    margin: 0 auto;
	    width: 960px;
	}
	div#nav {
	position: relative !important;
	margin-top: -15px;
	}
	
	#sidebar .wp125_write_ads_widget.widget {
	    padding: 1px !important;
	}
	/*END BUDDY PRESS FIX*/

After that, the hardest part was figuring out how to fit the buddypress content correctly in the Eco Press theme (showing the page background, keeping content to its theme width, showing the headline bar etc), which is way more complicated than the Station pro one. Here were the wrapping files fix (by looking at the _template.php file and comparing it with the buddypress php files): Replace

		<div id="container">
			<div id="content">
	

with this:

	<div id="spotlight" class="fix">
	<div class="effect">
	<div class="shadow-bottom fix">
	<div class="content">
	<h1 class="pagetitle">Member Community</h1>
	</div><!-- #end spotlight -->
	</div><!-- #end effect -->
	</div><!-- #end shadow-bottom fix -->
	</div><!-- #end content -->
	
	<div id="fullwidth" class="contentcontainer fix">
	<div class="texture fix">
	<div class="content fix">
	<div id="maincontent">
	

Then at the bottom of each of the buddypress files (it gives you a list of all of them you may need to edit when you install the template pack).. Replace

			</div><!-- #content -->
		</div><!-- #container -->
	

with these closing tags:

	</div><!-- #end contentcontainer fix -->
	</div><!-- #end texture fix -->
		</div><!-- #end content fix -->
	</div><!-- #end maincontent -->
	

Personally I just got rid of the sidebar all together, I don't think it works good with the buddypress theme, but if you want to keep the sidebar, make sure this portion

	<?php locate_template( array( 'sidebar.php' ), true ) ?>
	

comes before this

</div><!-- #end contentcontainer fix -->

** I edited one of the divs to supply the "full width" template so if you are using the sidebar please change this div tag (that is in my previous code at the top)

<div id="fullwidth" class="contentcontainer fix">

with this

<div class="contentcontainer fix">

I'm pretty new to CSS and PHP (thank god for firebug), but if you think editing all that is complicated, try figuring it out yourself! By the way these are a list of all the buddypress files that will need that fix (in case you don't see it after you install your template pack and activate it fully): /activity/index.php /blogs/index.php /forums/index.php /groups/index.php /groups/create.php /groups/single/home.php /groups/single/plugins.php /members/index.php /members/single/home.php /members/single/plugins.php /registration/register.php I sure hope this helps someone... this project for me is due by the morning and I had no choice but to figure it out. I'll post the working website link after I'm done making some final changes. PS. I couldn't tell you if i did the CSS stuff to "standards" but all I know is that it worked. Chris

[hyest 0]

*Update - you can check out the website at http://www.marijuananm.com (i have one remaining problem after getting the buddypress sliding login implemented.) On some monitor resolutions it produces a horizontal scrolling bar in the browser and on some it doesnt. I've tried messing with the CSS but haven't found a fix! *Update - the following code is not needed in the custom CSS panel (re-arranging the php template files fixed it)

	.texture {
	width: 1000px !important;
	}
	#container {
	width:960px;
	margin: 0 auto;
	}
	.content {
	margin: 0 auto;
	width: 960px;
	}

[ronaldmeauxmecom 0]

I'm getting ready to develop a BuddyPress site myself. Based on this post it doesn't look like EcoPro is designed for BuddyPress. If you had to do it again which theme would you use?

[catrina 103]

I'm not the original poster, but I think PlatformPro would be best.