BuddyPress.org

C. COPY footer.php and Save As > footer-buddypress.php file

Open up sidebar-buddypress.php and at the very TOP of the file above all other code, add:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save file.

C. Upload header-buddypress.php, sidebar-buddypress.php and footer-buddypress.php to your theme folder in server wp-content/themes/minimosity/ in the same directory where your regular header.php and sidebar.php files are

D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

B. COPY sidebar.php and Save As > sidebar-buddypress.php file

Open up sidebar-buddypress.php and at the very TOP of the file above all other code, add:
``

Keep the file open, and at the very BOTTOM of the file below all other code, add:

`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/themorningafter/ in the same directory where your regular header.php and sidebar.php files are

D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/esplanade/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

B. CREATE a blank sidebar-buddypress.php file

Open up the blank sidebar-buddypress.php and add content from:
– http://pastebin.com/W7tT40tw

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/ronnie_fantastic/ in the same directory where your regular header.php and sidebar.php files are

D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`
<?php
lambda_after_content();
if(empty($columns))
get_sidebar();
get_footer();
?>`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

<?php
lambda_after_content();
if(empty($columns))
get_sidebar();
get_footer();
?>`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/nevada/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

@micjavier Your theme has default button.span that’s display: block which stretched out BP’s span tag. To resolve the issue, add this to your stylesheet
`a.bp-primary-action span,
#reply-title small a span {
display: inline;
}`

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/sportsmag/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`
`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/simpolio/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

B. COPY Sidebar A template http://pastebin.com/8TQg5dmt and Save As > sidebar-buddypress.php

Open up sidebar-buddypress.php file and at the very TOP of the file, add this:

``

Then in the same file, at the very BOTTOM below other code add this:

`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/volt/ in the same directory where your regular header.php and sidebar.php files are

D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

B. COPY your sidebar.php file and Save As > sidebar-buddypress.php

Open up sidebar-buddypress.php file and at the very TOP of the file, add this:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/sahifa/ in the same directory where your regular header.php and sidebar.php files are

D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

== I have done this exepct for the last part in section D. I can not see where the text has been added for the css on style.css for risen ==

@twc01 The style mods are on that page. It starts with:
`/ > BuddyPress Component Finishing Styles

== Parse error: syntax error, unexpected ‘<' in /home/inspire/public_html/wp-content/themes/risen/members/index.php on line 10 ==

What’s on line 10?

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/wallbase/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/risen/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/deliciousmagazine/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

Notes:
1. Not sure if the Woo breadcrumbs will work in the inside pages of the BP components.
2. If there’s error/s shown on screen after you upload the changes, remove the following from the top of the file:
“
and the error persists, remove the breadcrumb as well
`

`

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/bold/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

Notes:
1. Not sure whether Yoast Breadcrumb will work in this scenario for the internal component pages
2. As long you don’t change sidebars in your theme’s option page, this will do. If you are going to make sidebar changes, you would need to copy footer.php and save it as footer-buddypress.php and remove the code to call/change sidebar to protect the layout of your BP pages.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

<?php if (get_option_tree('blog_layout_sidebar', '')) {} else {echo '

‘;}?>

`

with the following for registration/register.php:
`

<?php if (get_option_tree('blog_layout_sidebar', '')) {} else {echo '

‘;}?>

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/Paediatric/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

Final note: not sure whether the options re sidebar locations will work in BP template files with your theme. Some themes have options that work, some themes not at all. Make the top and bottom revisions with /members/index.php to start and see how that works out first.

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});

`

Save files.

C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/zenon-lite/

D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

B. COPY your theme’s sidebar.php file and Save As > sidebar-buddypress.php

Open up sidebar-buddypress.php file and at the very TOP of the file above other code, add this:
`

`

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/dailypost/ in the same directory where your regular header.php and sidebar.php files are

D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

@bibliata I believe there’s a misunderstanding here. You should not be changing anything within the bp-default theme in /wp-content/plugins/buddypress/bp-themes/bp-default/

If you want to revise the bp-default theme, you should create a child theme https://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/

BP Columns is already a child theme of bp-default theme. If you want to make any style changes in this child theme, the simplest thing to do there is add your new styles at the bottom of custom.css file and back it up since it will be overwritten when it’s upgraded. Or, you can create a new css file e.g. mystyles.css in BP Columns theme folder to add your new styles to, then open up style.css file and add
`@ import url( mystyles.css );`
under `@ import url( custom.css );`
(remove the space between @ and import when you do this)

If you’re using Firefox, install the Firebug add-on to help you ID what elements need to be changed.

And, as I’ve mentioned in the other post, you can use a WP theme which approximates the layout you need and install the BP Template Pack plugin. For reference, we have a list of “bp-template-packed” WP themes, free and premium @ https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#template-packed-wordpress-themes

@tomelk31 No problem. You’re lucky you only had to add styles instead of revising 16 template files for Step 3 Marking this as resolved.

@tomelk31 ok, I see that you’ve added the styles now and I see that the additions have fixed the layout for all BP pages.

@tomelk31 It should rein in BP content to the left to lift up the sidebar. Where did you add the style to `#content .padder` and the styles I mentioned for you to copy from the Twenty Ten modifications? I’m looking at your blacklight/style.css file in server and the styles have not been added at all.