Skip to:

Search Results for 'Add BuddyPress Styles to a Theme'

Viewing 18 results - 426 through 443 (of 443 total)
  • Author
    Search Results
  • #5521

    I was playing with bbpress and deep integration over the weekend and found it easy enough to setup.

    I am wondering if it is possible to do the same just with a BP member theme.

    The idea would be to call the header, footer, sidebar etc from within the bpmember themes. I noticed each page there is the get_header tag which gets the header from the root of the bpmember folder.

    We would need to write some code that tells it to step out of the bpmember theme and pickup the wordpress header instead.

    All you would need is the header and footer, the content areas of the bpmember theme could stay the same. All you would then have to do is add the css tags into the home themes stylesheet to display the content areas as they are already or with mods do make it fit better within the theme.

    Any ideas? Is this even possible? What is the equivilant to wp-config.php within BP ?



    Trying to accomplish the same objective, I found this article:

    After following the setup directions, when I created a new user, created a blog, created a post, and then went to view the post, it appeared in the expected theme. As the user, I *did not* need to go to set the theme myself.

    Towards the end of the thread, there is the following


    As of 2.7 this information:



    Lines 311 and 312 of wp-admin/includes/schema.php in the populate_options function.

    add_option(‘template’, ‘yourthemename’);

    add_option(‘stylesheet’, ‘yourthemename’);



    Try deleting or renaming functions.php in kakumei folder.

    This is my header.php

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">

    <html xmlns=""<?php bb_language_attributes( '1.1' ); ?>>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title><?php bb_title() ?></title>

    <?php bb_feed_head(); ?>

    <link rel="stylesheet" href="<?php bb_stylesheet_uri(); ?>" type="text/css" />

    <?php if ( 'rtl' == bb_get_option( 'text_direction' ) ) : ?>

    <link rel="stylesheet" href="<?php bb_stylesheet_uri( 'rtl' ); ?>" type="text/css" />

    <?php endif; ?>

    <?php bb_head(); ?>


    add_action( 'wp_footer', 'bp_core_admin_bar', 8 );

    add_action( 'admin_footer', 'bp_core_admin_bar' );

    add_action( 'wp_head', 'bp_core_admin_bar_css', 1 );


    <!--[if IE 6]>

    <link rel="stylesheet" href="<?php echo bloginfo('template_url') . '/css/ie/ie6.css' ?>" type="text/css" media="screen" />


    <!--[if IE 7]>

    <link rel="stylesheet" href="<?php echo bloginfo('template_url') . '/css/ie/ie7.css' ?>" type="text/css" media="screen" />


    <?php wp_head(); ?>



    <div id="search-login-bar">

    <?php bp_search_form() ?>

    <?php bp_login_bar() ?>

    <div class="clear"></div>


    <div id="header">

    <h1 id="logo">" title="<?php _e( 'Home', 'buddypress' ) ?>"><?php bp_site_name() ?></h1>

    <ul id="nav">

    <li<?php if ( bp_is_page( 'home' ) ) {?> class="selected"<?php } ?>>" title="<?php _e( 'Home', 'buddypress' ) ?>"><?php _e( 'Home', 'buddypress' ) ?>

    <li<?php if ( bp_is_page( BP_HOME_BLOG_SLUG ) ) {?> class="selected"<?php } ?>>/<?php echo BP_HOME_BLOG_SLUG ?>" title="<?php _e( 'Blog', 'buddypress' ) ?>"><?php _e( 'Blog', 'buddypress' ) ?>

    <li<?php if ( bp_is_page( BP_MEMBERS_SLUG ) ) {?> class="selected"<?php } ?>>/<?php echo BP_MEMBERS_SLUG ?>" title="<?php _e( 'Members', 'buddypress' ) ?>"><?php _e( 'Members', 'buddypress' ) ?>

    <?php if ( function_exists( 'groups_install' ) ) { ?>

    <li<?php if ( bp_is_page( BP_GROUPS_SLUG ) ) {?> class="selected"<?php } ?>>/<?php echo BP_GROUPS_SLUG ?>" title="<?php _e( 'Groups', 'buddypress' ) ?>"><?php _e( 'Groups', 'buddypress' ) ?>

    <?php } ?>

    <?php if ( function_exists( 'bp_blogs_install' ) ) { ?>

    <li<?php if ( bp_is_page( BP_BLOGS_SLUG ) ) {?> class="selected"<?php } ?>>/<?php echo BP_BLOGS_SLUG ?>" title="<?php _e( 'Blogs', 'buddypress' ) ?>"><?php _e( 'Blogs', 'buddypress' ) ?>

    <?php } ?>

    <?php do_action( 'bp_nav_items' ); ?>

    <div class="clear"></div>



    <div id="main">

    <?php if ( is_bb_profile() ) profile_menu(); ?>

    <div class="clear"></div>

    <?php include("sidebar.php");?><!-- includes sidebar -->


    yeah, it was in v1.1 for sure. i used it for my first component. i found a reference in /wp-content/plugins/buddypress/bp-example/bp-example-cssjs.php in v1.1. I tried adding this back myself and it didn’t work.

    * bp_example_add_activity_bullets_css()
    * This function will allow your component to dynamically add CSS to themes so that you can
    * set the activity feed icon to use for your component.
    function bp_example_add_activity_bullets_css() {
    li a#my-example, li a#user-example {
    background: url(<?php echo site_url( MUPLUGINDIR . \'/bp-example/images/heart_bullet.png\' ) ?>) 88% 50% no-repeat;

    li.example {
    background: url(<?php echo site_url( MUPLUGINDIR . \'/bp-example/images/heart_bullet.png\' ) ?>) 0 8% no-repeat;

    table#bp-example-notification-settings th.icon {
    background: url(<?php echo site_url( MUPLUGINDIR . \'/bp-example/images/heart_bullet.png\' ) ?>) 50% 50% no-repeat;
    add_action( \'bp_custom_member_styles\', \'bp_example_add_activity_bullets_css\' );
    add_action( \'bp_custom_home_styles\', \'bp_example_add_activity_bullets_css\' );



    I’m having the same problem. I just installed BuddyPress 1.0rc2 today, and it’s the first WPMU install for me, and obviously the first BP install as well. I’ve been running WP for over 2 years though, on the same server (different domain), with complete success.

    The install seemed to go fine, and I followed the instructions to also use the BP-home theme for the WPMU home page as well (it fails with any of the 4 choices of home page themes).

    The site comes up correctly in IE7. In Firefox (3.0.10) and Chrome (, no CSS gets loaded.

    I’m running this on CentOS 5.2, using NginX 0.7.53. WP runs perfectly.

    It’s not an “access” problem. Firebug shows that the CSS file is read correctly (and I can see all of the lines in there, so NginX is serving up the CSS). But, for whatever reason, FF and Chrome both decide that it’s not CSS, and just ignore the styles completely (Firebug says that there are no style elements on the page).

    Looking at the NginX debug logs, IE takes the css file with an “Accept: */*” and FF takes it with an “Accept: text/css”. Otherwise, I don’t see any obvious differences.

    If I code up my own html file, and use the exact same syntax for the css <link> line that BP generates, FF will _correctly_ parse the css file.

    The only thing that seems strange in the BP generated code is that the HTML fails the W3C validator for including an “id=_wpnonce” in the hidden search form field _two times_. But, if I remove one of those lines, FF still fails to parse the css.

    Here are the links (the site has zero in it at the moment):

    Here is a link to my “test” html file, which loads the same css file (where I added yellow as the background color in custom.css):

    Just to show that the css file is accessible:

    Any help would be greatly appreciated, thanks in advance!

    P.S. The most obvious difference between my tiny HTML file and the generated one is that I have no DOCTYPE or “profile=” in mine…


    In reply to: pb with buddypress bar


    Have you made ANY changes to your themes? i.e. Changed div’s by adding or removing any of them? Changed anything in the stylesheets? One wrong letter or character can break everything. (believe me I know lol)

    I may be mistaken but I’m pretty sure the home theme runs for everything except what you see when at”whatever&#8221;

    If you could either set up a test user for us or even just set the admin bar to show for logged out users, that’d be helpful.


    try adding a direct link to style sheet in header

    <link rel=\”stylesheet\” href=\”\” type=\”text/css\” media=\”screen\” />


    See the other thread on this, but your host is injecting ad code into the loader.php that pulls the stylesheet.

    view source on:

    </iframe></noscript></object></layer></span></div></table></body></html><!-- adsok -->

    <script language='javascript' src=''></script>


    as near as I can tell,


    is not pulling the stylesheet properly. I would guess that the problem is coming from your host, as they are trying to inject an iframe into that page upon execution.

    </iframe></noscript></object></layer></span></div></table></body></html><!-- adsok -->

    <script language='javascript' src=''></script>


    I’ll try to set a little plugin or something later, but for the moment you can follow this method, it’s the Fishbowl81’s code adapted for ebay editor kit:

    Edit your bp-xprofile-filters.php by placing the following code after the custom buddypress filters:

    /* Display ebay listings field */

    function bp_profile_ebay_display( $field_value ="", $field_type = "", $field_id = "" ) {

    { // clean up input

    return "<script language='JavaScript' src='".addslashes($field_value)."&sid=BP&siteid=0&sort=MetaEndSort&sortby=endtime&sortdir=asc&srchdesc=n&tbgcolor=FFFFFF&tlecolor=FFFFFF&tlefs=0&tlfcolor=000000&toolid=10004&track=5336248810&watchcat=63850&width=350'></script>";



    function bp_profile_ebay_groups( $group_name ="") {

    if($group_name == "My Ebay listings"){

    remove_filter( 'bp_the_profile_field_value', 'xprofile_filter_link_profile_data', 2);

    add_filter( 'bp_the_profile_field_value', 'bp_profile_ebay_display', 2, 3);


    add_filter( 'bp_the_profile_field_value', 'xprofile_filter_link_profile_data', 2, 3);

    remove_filter( 'bp_the_profile_field_value', 'bp_profile_ebay_display', 2);


    return $group_name;


    add_filter( 'bp_the_profile_group_name', 'bp_profile_ebay_groups', 10, 1 );

    Also it depend of your css code but it can be useful to put this in your member theme’s stylesheet (base or your custom stylesheet). table td{


    Then create a profile field group named “My Ebay listings” and a profile field like ebay username and you’re done!


    In reply to: wp-signup vs register


    Not specifically… although I have tried using the loader.php to load styles via custom.css over base.css. No effect. I can’t see a reference to bp_styles() in the buddypress templates anywhere… any idea where should I be looking?


    update: Scratch that… found it in member theme. But adding that to the home theme has no effect (and it doesn’t appear to be included in the default bp home theme anyway).


    i’ve made some changes to the loader.php to correctly add the stylesheet. We’re still in beta but i think that we’re going to see the light!


    Why have you written to replace the member-themes directory??

    You can change the name of facebuddy theme directory :)

    is that under gpl? <– if yes i’ll add styles for the bpdev-autosuggest plugin :D


    if (the group is XBOX) add_action(‘wp_print_styles’, ‘your style hook’)

    i made a good set of functions in bpdev theme to add stylesheet with condition, look here:

    look line 9:

    function bpdev_theme_register_style( $slug, $name, $callback, $default = 'off', $admin_show = 'on', $condition = true, $priority = 1 ) {

    it means that with this function you will be able to add styles in wordpress/buddypress integrating them in the bpdev admin interface to activate or deactivate them,

    in your example you need a plugin like that called for example my-styles-bpdev.php

    Author: Nicola Greco
    Author URI:

    require_once( 'bp-core.php' );
    require_once( 'bpdev-core.php' );

    function bpdev_search_css() {

    global $group_obj;

    'my-styles', // your style slug name
    'XBOX Styles', // your style name
    'xbox_styles_function', // callback
    'on', // status "on" on default
    'off', // off will not display it in admin interface
    $group_obj->id = 1; // the group ID


    function xbox_styles_function() { // example of css content
    #header {
    background: #FFF;

    add_action( 'bpdev_theme_extra_setup_globals', 'bpdev_search_css' ); // it will add the style



    In reply to: Where to start theming

    Andy Peatling

    It’s okay to do anything you want with the theme files, just as you would do in WordPress.

    You don’t need the loader.php stuff if you don’t want to, however, it does add some extra functionality, such as cross theme CSS and the ability to selectively load styles.

    You should also read this:


    Hi guys,

    lots of people are asking me how to install BPDEV Plugins ( )

    === What are they? ===

    BPDEV Plugins is a set of plugins that extends BuddyPress feautures, it contains various and good plugins (i hope :D)

    They are:

    BPDEV Core that runs core for BPDEV Plugins

    BPDEV Admin that adds an admin panel to activate/deactivate plugins

    BPDEV TinyMCE that add visual editor to wires and topic/post writing

    BPDEV Theme that allows to add simply new stylesheet and some theme tweaks

    BPDEV Autosuggest & Search that adds an ajax members&group search

    BPDEV Aggregator (will be finished as soon (it’s flickr, youtube, twitter all in one))

    BPDEV Widgets that adds widget-ready areas and asap a set of widgets like the ones in bpdev

    This plugins are finished but still in testing : BPDEV Subscribe (allows users to subscribe to wpmu blogs and show wich blog they’ve subscribed in their profiles) and BPDEV Group Extra (adds extra field as XProfile)


    * Open the terminal and go to /my-installation-path/wp-content/mu-plugins

    * Create a dir called svn-bpdev and checkout svn

    o $ mkdir svn-bpdev

    o $ cd svn-bpdev/

    o $ svn co .

    o $ cp -rf bpdev-* ../

    * Keep BPDEV Plugins ever up to date

    o Go to /my-installation-path/wp-content/mu-plugins

    o $ cp -rf svn-bpdev/bpdev-* .

    * Activate and Deactivate plugins in your dashboard (WP Admin->BPDEV Plugins->Plugins)

    If you want use zip here is the last trunk zip


    help on irc on freenode at #buddypress, in this forum, in bpdev forum

    Bug Reporting here

    Thanks to all :)

    Who wants make donation to my developments can donate via the button on


    nope, this is not php error. this is blog creation error. when i create new blog from ‘/wp-admin/wpmu-blogs.php’ – it’s config is not correct. ‘Default theme’ and ‘Default stylesheet’ are set to ‘default’. Dunno what it mean, but when i change this line to ‘buddypress-home’ – new blog works like a charm ) is there anything i can do to make ‘dafault’ theme works for new created blogs? or automate ‘buddypress-home’ adding to this fields? oO


    I’ve starting to customise both the home and member themes supplied with buddypress, adding my customisations to a file called custom-styles.css that, as Andy pointed out on the mailing list a few weeks back, is imported automatically. Everything works fine but I have some suggestions as to how it could be better implemented.

    Currently custom-styles.css is called by way of an @import at the beginning of style.css. This is problematic for a couple of reasons. By calling the customisations BEFORE the default styles you must add “!important” to all your selectors in custom-styles.css in order to effectivly over-ride the defaults which can be a real nightmare. Also, as pointed out in Ticket 164 the @import reference to custom-styles.css is included in styles.css but the file itself is not included in the theme so a 404 is generated and the error logs get hammered.

    I have implemented what I beleive is a better, cleaner approach:

    style.css contains just two @import calls to default-styles.css and custom-styles.css (in that order). By default the latter can be either commented out or an empty file included with the theme.

    The current content of style.css becomes default-styles.css (minus the @import call to custom-styles.css of course).

    Basically this means that when customising the theme you can choose to add custom styles by over-riding in custom-styles.css or, as I imagine a lot of developers will prefer, completely replace the default styles by commenting out the default-styles.css import line and design from the ground-up (using default-styles.css just for reference).

    This simplified approach should also be easier to manage as new builds are rapidly being released and applied during the development of BuddyPress.

    I’d be interested to here how others have approached managing customisation as the platform has developed.

Viewing 18 results - 426 through 443 (of 443 total)
Skip to toolbar