Theme Templates Directory

Prepared for the BuddyPress Codex


buddypress/
├─ activity/
│  ├─ single/
│  │  └─home.php				
│  ├─ activity-loop.php
│  ├─ comment.php
│  ├─ entry.php
│  ├─ index.php
│  └─ post-form.php
│  
├─ blogs/
│  ├─ blogs-loop.php
│  ├─ create.php
│  └─ index.php
│
├─ forums/
│  ├─ forums-loop.php
│  └─ index.php
│  
├─ groups/
│  ├─ single/
│  │  ├─ forum/
│  │  │  ├─ edit.php
│  │  │  └─ topic.php
│  │  ├─ activity.php
│  │  ├─ admin.php
│  │  ├─ forum.php
│  │  ├─ group-header.php
│  │  ├─ home.php
│  │  ├─ invites-loop.php
│  │  ├─ members.php
│  │  ├─ plugins.php
│  │  ├─ request-membership.php
│  │  ├─ requests-loop.php
│  │  └─ send-invites.php
│  ├─ create.php 
│  ├─ groups-loop.php
│  └─ index.php
│       
└─ members/
   ├─ single/
   │  ├─ forums/
   │  │  └─ topic.php
   │  ├─ friends/
   │  │  └─ requests.php
   │  ├─ groups/
   │  │  └─ invites.php
   │  ├─ messages/
   │  │  ├─ compose.php
   │  │  ├─ messages-loop.php
   │  │  ├─ notices-loop.php
   │  │  └─ single.php
   │  ├─ notifications/
   │  │  ├─ feedback-no-notifications.php	
   │  │  ├─ notifications-loop.php
   │  │  ├─ read.php
   │  │  └─ unread.php
   │  ├─ profile/
   │  │  ├─ change-avatar.php
   │  │  ├─ edit.php
   │  │  ├─ profile-loop.php
   │  │  └─ profile-wp.php
   │  ├─ settings/
   │  │  ├─ capabilities.php
   │  │  ├─ delete-account.php
   │  │  ├─ general.php
   │  │  ├─ notifications.php
   │  │  └─ profile.php
   │  ├─ activity.php
   │  ├─ blogs.php
   │  ├─ forums.php
   │  ├─ friends.php
   │  ├─ groups.php
   │  ├─ home.php
   │  ├─ member-header.php
   │  ├─ messages.php
   │  ├─ notifications.php
   │  ├─ plugins.php
   │  ├─ profile.php
   │  └─ settings.php
   ├─ activate.php 
   ├─ index.php
   ├─ members-loop.php
   └─ register.php

Reddle – BP Theme Compatibility

Reddle theme

This is a simple walk through to make all BuddyPress pages full-width using the Reddle theme.

1. Create a child theme of the Reddle theme.

2. Create a new file in your new child theme folder and name it buddypress.php. If you need a full-width layout for your bbPress forums, create a file named bbpress.php as well.

3. Insert the following into your new buddypress.php and/or bbpress.php file/s.

<?php
/**
 * BuddyPress: Full-width template
 *
 * A custom page template without sidebar.
 *
 * @ since Reddlle 1.3.1 and BuddyPress 2.1
 */
get_header(); ?>
 
	<div id="primary">
		<div id="content" role="main">
			<?php while ( have_posts() ) : the_post(); ?>
				<?php get_template_part( 'content', 'page' ); ?>
			<?php endwhile; // end of the loop. ?>
		</div><!-- #content -->
	</div><!-- #primary -->
 
<?php get_footer(); ?>

4. Add the following styles in your child theme’s style.css file then save the file.

.buddypress #main #primary {
    margin: 0;
}

.buddypress #main #content {
    margin: 0 9.46429%;
}

5. Create a new file functions.php in your child theme folder and add the following then save.

<?php
/**
 * Enqueue stylesheet
 */
function reddle_child_theme_stylesheet() {
	wp_enqueue_style( 'reddle-child-themestyle', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'reddle_child_theme_stylesheet' );

5. Upload your Reddle child theme folder to your server.

6. Activate the Reddle child theme in wp-admin menu Appearance > Themes.

BPorg Toolbar Color Change via Browser

Not tested on installation. Revised.

Before
toolbar-color-before

After
toolbar-color-change


/* Admin Bar */
#wpadminbar { color: #555; background: #eee; }
#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: #555; }
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after { color: #666; }
#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar-nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { color: #555; background: #e3e3e3; }
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label { color: #555; }
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: #999; }

/* Admin Bar: submenu */
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {background: #eee; }
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: #e3e3e3; }
#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar-nojs .quicklinks .menupop:hover ul li a { color: #555; }
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before { color: #555; }
#wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before { color: #d84800; }
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before { color: #d84800; }

/* Admin Bar: my account */
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { border-color: #eee; background-color: #eee; }
#wpadminbar #wp-admin-bar-user-info .display-name, #wpadminbar #wp-admin-bar-user-info .username { color: #555; }
#wpadminbar #wp-admin-bar-user-info a:hover .display-name { color: #d84800; }