BuddyPress.org

Try this…

Paste the following in your “bp-custom.php” file (‘wp-content/plugins/bp-custom.php’). If you don’t have one, make one!

function my_admin_bar_css() {

echo '<link href="LINK TO STYLESHEET"  rel="stylesheet" type="text/css" media="screen,projection" />';

}



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

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

Assuming that your admin bar stylesheet is in your member theme’s directory, you could probably use “<?php bloginfo(‘template_url’); ?>/css/your_admin_bar.css” to determine the theme’s path (I say probably  b/c I’m not sure! hehe).

Might want to play around with that… in theory, it should work… *untested*.

[EDIT]

Okay I’ve tested this… and it doesn’t quite work!

The custom CSS gets loaded, but I can’t seem to remove bp_core_admin_bar_css.

Time for a mod to jump in!

Hi Jeff, I believe he just wants to modify the CSS and not the menus.

Hi together,

thanks for the advices. Everything works fine! I now can modify the css of the admin-bar on a per blog basis, because i storec the admin-bar.css file in the template directory of the actual theme (i’ll keep the admin-bar consistent, but now i have the option to do some color adaptions to fit the user themes.)

I have one more question. I’m hiding the admin-bar if a user is not logged in. However i want to show it on the buddypress-home- and -member-theme sites also if a user is not logged in.

Is there a technique to achieve this?

Hi Carpeconnect,

you can try this code snippet

}

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

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

This is still not working for me?

I have left the standard admin-bar.css in place.

in bp-custom.php i have

/* Admin Bar CSS */

function my_admin_bar_css() {

echo ‘<link href=”<?php bloginfo(‘template_url’); ?>/css/admin_bar.css” rel=”stylesheet” type=”text/css” media=”screen,projection” />’;

}

remove_action(‘wp_head’, ‘bp_core_admin_bar_css’, 1);

add_action(‘wp_head’, ‘my_admin_bar_css’, 1);

I have place my edited version of admin-bar.css into

wp-content/bp-themes/mytheme_member/css/admin-bar.css

this does not have any effect?

All am doing is changing the menu colours.

cheers

I

As mentioned above the solution is working for me. I also figured out a way to remove the original admin-bar.css out of the header. I’m not at work at the moment, so i can’t look it up and write it down here, but i will do so tomorrow!

One problem remains for me. In the admin-bar.css and also in my-admin-bar.css there is a padding-top width the height of the buddybar applied to the body of the page.

If i don’t use my-admin-bar.css and check the “hide adminbar for users that aren’t logged in” in the settings of the dashboard the padding-top isn’t applied to the body. However if i use my-admin-bar.css it gets loaded all the time and not only if a user is logged in. This implies that i always have an extra gap, because the padding si applied all the time!?

Any hints for this problem?

Hey r-a-y,

it seems it was a problem about when you trigger the remove and the add action.

Therefor i put everything in its own function which apllies after every hook is triggered:

// **** Custom BuddyPress admin-bar.css called my-admin-bar.css, stored in template directory ********

function my_admin_bar_css() { ?>

<link href=”<?php bloginfo(‘template_url’); ?>/css/my-admin-bar.css” rel=”stylesheet” type=”text/css” media=”screen,projection” />

<?php

$doing_admin_bar = false;

}

function trigger_adminbar_hooks(){

remove_action(‘bp_adminbar_logo’, ‘bp_adminbar_logo’);

remove_action(‘wp_head’, ‘bp_core_admin_bar_css’, 1);

add_action(‘bp_adminbar_menus’, ‘bp_adminbar_custom_logo’, 1 );

add_action(‘wp_head’, ‘my_admin_bar_css’, 1);

}

add_action(‘plugins_loaded’,’trigger_adminbar_hooks’,99);

?>

I’m going to try your solution. Would be great to know how to apply the my-admin-bar.css only when the adminbar is displayed. I’m glad about your solution for the moment, but there should also be a more correct way for the future!

Hey r-a-y,

is it possible that you give me an example of this if-else statement?

I also do have another question. I would like to change the admin_bar_logo.gif. I was thinking about using the following code:

<?php

function bp_adminbar_custom_logo() {

global $bp;

echo '<a>root_domain . '"><img id="admin-bar-logo" src="' . apply_filters( 'bp_admin_bar_logo_src', bloginfo('template_url') . /images/admin_bar_logo.gif . '" alt="' . apply_filters( 'bp_admin_bar_logo_alt_text', __( 'BuddyPress', 'buddypress' ) ) . '" /></a>';

?>

However i have problems with bloginfo(‘template_url’) which isn’t working and i don’t get the mistake, if there is one?!

Oops… just looking over my code again!

The function should be:

function check_admin_bar() {

global $bp;



//remove core admin bar CSS at all times!

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



//add custom CSS only if admin bar is true

if($doing_admin_bar) add_action('wp_head', 'my_admin_bar_css', 1);

}

add_action('plugins_loaded','check_admin_bar',99);