Skip to:
Content
Pages
Categories
Search
Top
Bottom

“BuddyPress” logo on the top left hand side

  • How can I change that little logo to my own logo, or even remove it? I want to keep the “BuddyPress” link on the footer, but need to remove it from the top left hand side.

    Thank you;

Viewing 13 replies - 1 through 13 (of 13 total)
  • Avatar of Burt Adsit
    Burt Adsit
    Participant

    @burtadsit

    Howdy. That little logo lives in the directory /wp-content/mu-plugins/bp-core/images

    admin_bar_logo.gif

    You can point bp to something more to your liking if you are comfortable with code.

    Since long lines of code don’t paste well here see: http://pastie.org/347661

    I have that running in a little plugin that does a bunch of utility bp mods I need done. You could put a modification of that in your theme’s functions.php file if you like.

    If you change the dimensions of the image at all you’ll have to skin the css for the admin bar also. It lives at: /wp-content/mu-plugins/bp-core/css/admin-bar.css

    I don’t think that the admin bar css can be overridden in bp’s custom.css yet. I may be wrong though.

    Probably way more than you cared to know about changing a little smidgen of an image ‘eh? :)

    Avatar of Wardeh
    Wardee
    Participant

    @wardeh

    Here are my easier solutions. :D Only easier because I’m not as technical as Burt.

    1) You can replace that image with your own. Call it the same name and be prepared to reupload it everytime you upgrade.

    2) I was going to say edit custom.css, but I just tested it. It doesn’t work. Burt, you were right.

    Avatar of Andy Peatling
    Andy Peatling
    Keymaster

    @apeatling

    <?php
    function my_admin_bar_logo() {
    return URL_OF_MY_LOGO_IMAGE;
    }
    add_filter( 'bp_admin_bar_logo_src', 'my_admin_bar_logo' );
    ?>

    Place that in a php file and include it in mu-plugins. You won’t have to hack any of the core using this method.

    Avatar of Adam W. Warner
    Adam W. Warner
    Participant

    @awarner20

    I may be late to the party on this thread, but thanks for the simple non-core hacking solution!

    Is there any chance that a simple plugin like this could be used for replacing the “Social Network” image as well?

    Avatar of Burt Adsit
    Burt Adsit
    Participant

    @burtadsit

    Howdy, that logo seems to live in css and you can override it by changing this:

    #header h1 a {

    text-indent: -999em;

    background: url(../images/logo.gif) top left no-repeat;

    overflow: hidden;

    width: 214px;

    height: 35px;

    display: block;

    float: left;

    }

    line in /themes/buddypress-home/css/base.css. You really don’t want to change it, you really want to create a file in that same directory as base.css and call it site-wide.css

    Make your override mods there. There’s a file in there called site-wide-sample.css that explains it.

    Avatar of Adam W. Warner
    Adam W. Warner
    Participant

    @awarner20

    Great! I’ll have a look at site-wide-sample.css!

    Avatar of Bifpowell@gameonthestreet.com
    bifpowell@gameonthestreet.com
    Participant

    @bifpowellgameonthestreetcom

    I replaced the images/logo.gif with my own graphic, and made a file called site-wide.css and it had either no effect, or not the desired effect. The graphic changed, I can see the top of my graphic in there, but the top section of the site cuts it off. I put this in my site-wide.css:

    #attempt to make the logo area larger

    #header h1 a {

    text-indent: -999em;

    background: url(../images/logo.gif) top left no-repeat;

    overflow: hidden;

    width: 550px;

    height: 141px;

    display: block;

    float: left;

    }

    Any guidance appreciated!

    Avatar of Nicola Greco
    nicolagreco
    Participant

    @nicolagreco

    If you’ve BPDEV plugins installed go in WP-ADMIN => BPDEV-ADMIN => PLUGINS => BPDEV Theme and change the logo link

    Avatar of wpmubp.org
    wpmubp
    Participant

    @takuya

    I understand custom.css is buggy as previously pointed out, but I’m having a problem with site-wide.css.

    I’ve changed the logo via site-wide.css, and on member profile page it shows correctly. But on top page (home), still the “social networking” logo is displayed.

    Avatar of wpmubp.org
    wpmubp
    Participant

    @takuya

    I was editing a wrong file.

    Avatar of Dainismichel
    dainismichel
    Participant

    @dainismichel

    Thanks for this helpful post, I was able to customize the graphics! I had to take the admin_bar_logo.gif background image and center it over admin_bar_logo.gif, because the transparency wasn’t working well in my Photoshop Save for web. So, my logo is not transparent, but it fits with the menu bar background.

    Best,

    Dainis

    Avatar of Peterverkooijen
    peterverkooijen
    Participant

    @peterverkooijen

    I\\\’ve tried replacing this:

    \\\’ **** Default BuddyPress admin bar logo ********

    function bp_adminbar_logo() {

    global $bp;

    echo \\\’root_domain . \\\’\\\”><img id=\\\”admin-bar-logo\\\” src=\\\”\\\’ . apply_filters( \\\’bp_admin_bar_logo_src\\\’, site_url( MUPLUGINDIR . \\\’ … admin_bar_logo.gif\\\’ ) ) . \\\’\\\” alt=\\\”\\\’ . apply_filters( \\\’bp_admin_bar_logo_alt_text\\\’, __( \\\’BuddyPress\\\’, \\\’buddypress\\\’ ) ) . \\\’\\\” >\\\';

    }\\\’

    with this:

    \\\’ **** Default BuddyPress admin bar logo ********

    function bp_adminbar_logo() {

    global $bp;

    echo \\\’root_domain . \\\’\\\”>Home\\\';

    }\\\’

    That should only replace the img with text, but for some reason it messes up the entire top line navigation. Apparently there\\\’s some code mixed in with the already overcomplicated img link that\\\’s required for what follows after. What and why?!

    Aaarrrggghhh…. I give up. It’s impossible to show the code without it becoming a mess.

    [code 1="a" 2="bit" 3="to" 4="avoid" 5="escaping" 6="mess" language="modified"][/code]

    Aaarrrggghhh…. I give up. It’s impossible to show the code without it becoming a mess.

    Avatar of Peterverkooijen
    peterverkooijen
    Participant

    @peterverkooijen

    Is there a way to replace the img with just the word ‘Home’ in the same font/style as the rest of the navigation?

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘“BuddyPress” logo on the top left hand side’ is closed to new replies.