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

Open up sidebar-buddypress.php and at the TOP of the file, before all other code, add the following:

``

Then at the very BOTTOM of the same file, below all other code, add the following
`

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/avenue/ 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.

go to your current themes directory, open up functions.php
add
`
register_sidebar(array(
‘name’ => __( ‘Sidebar2’ ),
‘id’ => ‘sidebar2’,
‘description’ => __( ‘Widgets in this area will be shown on sidebar2.’ ,’buddypress’ ),
‘before_widget’ => ‘

@pgideonbolger — I ran into this as well. I was going around in circles trying to override the defaults selector by selector. To override the defaults en masse, you have to address the fact that BP 1.5 uses enqueue to load the styles. You’ll want to stop it from loading the default styles and instead copy/paste the styles you want to retain from default.css into your child theme’s styles.css.

FYI, I got this info from https://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/ – which is a helpful page – and am using it with success. But if you don’t want to search that page for the info, just grab the code below and add it to your child theme’s functions.php:
`
if ( !function_exists( ‘bp_dtheme_enqueue_styles’ ) ) :
function bp_dtheme_enqueue_styles() {

// You should bump this version when changes are made to bust cache
$version = ‘20120625’;

// Register stylesheet of child-theme
wp_register_style( ‘child-theme’, get_stylesheet_directory_uri() . ‘/style.css’, array(), $version );

// Enqueue stylesheet of child-theme
wp_enqueue_style( ‘child-theme’ );
}
add_action( ‘wp_enqueue_scripts’, ‘bp_dtheme_enqueue_styles’ );
endif;
`

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/chameleon/

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.

Most of the CSS issues can be resolved by adding the styles I mentioned in final instruction

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/wp-clearvideo/

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.

@goviral Closed your other thread with basically the same questions.

1. To remove commenting (and comment button) in activity stream,

Just add this to your theme’s functions.php file

`// Do not allow commenting in activity stream
add_filter(‘bp_activity_can_comment’,’__return_false’);`

2. is there any way I can change other buttons/icons through the child theme?

Simplest way is to use text-indent to the specific button and add the image background. For example, for the Activity Favorite button, you’d add something like this in your theme’s style.css file

`#activity-stream .activity-meta .fav {
background: #000 url(“images/myfavoriteimage.png”) 0 0 no-repeat;
text-indent: -9999px;
}`

then change background color or image when you hover over the favorite link. Use Firefox add-on Firebug or use Chrome developer to identify selectors to change styles/values for in your stylesheet.

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

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

``

At the very BOTTOM of the same file, 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/quik-gallery/ 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/enews/

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 and Save As > sidebar-buddypress.php

Open up sidebar-buddypress.php

Add the following code at the TOP, above original sidebar code:
`

[ DELETE FROM HERE ]

<?php break;
case ‘pos_4’: // Shortcode Box 1
echo “

“.do_shortcode(stripslashes($mt_bp_scbox1)).”

“;
break;
case ‘pos_5’: // Shortcode Box 2
echo “

“.do_shortcode(stripslashes($mt_bp_scbox2)).”

“;
break;
case ‘pos_6’: // Shortcode Box 3
echo “

“.do_shortcode(stripslashes($mt_bp_scbox3)).”

“;
break;
} // end switch-case

} // end foreach

[ DELETE UP TO THIS LINE ONLY ]
`

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/metrolo/ 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.

The best approach is to create a child theme, this is actually extremely simple, however it does require a number of steps.
1. You need to create a new folder under/in /wp-content/themes/

2. In that folder you need to create a blank file called style.css

3. in that file you add :
`
/*
Theme Name: my theme name
Theme URI: http://buddypress.org
Description: a description – non essential.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Author: yourself
Author URI: ?your site
Template: bp-default
Tags: buddypress, two-columns, fixed-width, whatever other keywords are applicable
*/
`
To do this you will need some form of access to your site server either FTP or via your Cpanel/plesk file manager to create folders /files.

Once you have that done then it’s simply a matter of going to ‘themes’ in the dashboard where you’ll be able to select your new theme.

At this stage as you only have a style.css file BP uses all of the default BP theme files including it’s own styles so activating your new theme will cause no apparent change – good! However you now have the ability to use style.css to add CSS properties/ rulesets that will be read after the BP ones and thus overwrite what may already have been set.

Using the WP editor under ‘appearence’ you should be able to select your child themes style.css and simply add the line:

body {font-size: 100%;}

or:

body {font: 100%/1.4 arial, ‘another font’, sans-serif’}

If the above is too awkward to accomplish then you will probably have to settle for editing the bp-default stylesheet directly and changing the ’12px’ on the body rule for ‘100%’ but those changes would be lost in any upgrades and have to be re-done.

I did cover the image header question in the other thread – no I didn’t copy the code in to the thread as – in all honesty – stating “copy this ‘named’ function” ought to be sufficient to get started with.

I’ll now copy the function I referenced originally – you need to copy this into your child theme functions file, this function will alert BP not to run it’s original version and allows you to manipulate the rulesets that are created for custom headers.

`
function bp_dtheme_header_style() {
global $post;

$header_image = ”;

if ( is_singular() && current_theme_supports( ‘post-thumbnails’ ) && has_post_thumbnail( $post->ID ) ) {
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ );

// $src, $width, $height
if ( !empty( $image ) && $image[1] >= HEADER_IMAGE_WIDTH )
$header_image = $image[0];

} else {
$header_image = get_header_image();
}
?>

#header { background-image: url(); }

#header h1, #header #desc { display: none; }

#header h1 a, #desc { color:#; }

<?php
}
`

Now in the other thread I explained how to adjust the image dimensions by setting the define(‘HEADER_IMAGE_WIDTH’, 400) that will be displayed on the dashboard settings page and that represent the sizes the image will size and crop to, so you should still have that aspect in place.

If you leave the BP default layout unchanged then the header element width is likely wider than your background image ( the header width is stated in the stylesheet, the background image is set from the embedded styles in the code above) and that background image will repeat – but we went over that on the other thread, with the code above you can now add the required properties to prevent that.

Now code does need to be copied carefully and any stray code that may be causing issues might still affect things. Headers already sent errors have a number of reasons and are not necessarily easy for us to diagnose, I explained one possible cause but only you can determine if that is a reason.

On this issue of instruction; as I have said and now mercime this is a volunteer support forum, we are not obliged to provide absolute instruction we attempt to help and guide, also when one is a web dev professional there will be a level of expertise expected in general terms regarding coding experience. You are attempting to customise buddypress past what it offers in the default so you must expect certain aspects of doing that to be less than utterly idiot proof and there are aspects of BP that many of us struggle with.

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/wp-clear/

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/canyon/

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 and Save As > sidebar-buddypress.php

Open up sidebar-buddypress.php

Add the following code at the TOP, above original sidebar code:
``

Add the following code at the BOTTOM, below all other code:
``

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/mystique/ 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.

== My theme is the arras theme. ==

@allthingsbetting You could copy over some of the style mods to twenty ten theme to the bottom of your theme’s stylesheet then adjust to taste – esp `div.item-list-tabs` and `div#subnav.item-list-tabs` where you have to bring in the negative margins which expand the width of those navigation items.

Add also the following to your style.css
`div.padder {
background: #fff none;
border: 1px solid #ccc;
margin: 0 10px 15px 0;
padding: 0 15px;
}`

Plus some unsolicited advice – you have URL’s with members-3/ and groups-2/ which is not cool. Back up DB.
Delete the current Pages “Members” and “Groups”. Go to trash and delete all “Members” and “Groups” Pages > Permanently. Go create new Members and Groups pages. You’ll see clean members/ and groups/ url’s

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/canvas-child-theme-name/

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/wp-chatter/

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.

@edgarestradac you would add that to your theme’s stylesheet aka style.css file.

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/neu/

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

Open up the sidebar-buddypress.php file and 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. Create a BLANK footer-buddypress.php file. That’s it. Keep this file blank.

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

E. 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.

Note: There are many sidebars in the theme, but no need to paste them here.

To start off, delete the styles you added in your stylesheet for `.item .item-meta ` – the absolute positioning placed the activity meta over the names of the groups and members

Copy over the styles used https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and adjust to taste.

B. Create a BLANK sidebar-buddypress.php

Open up the blank sidebar-buddypress.php and add the following code:
`

`

Save file.

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

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/bloggingnews/

D. Check out the style modifications made in BP Twenty Ten for reference especially with removing the bullets and bringing in the extended width of the BP elements. https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and copy these over to your theme’s stylesheet and adjust as needed.