BP Social Theme customization

I'd like to make some change to the themes:
- change the Home Picture (the one with the "box head boy")
- change the footer (insert link and txt) 2009(c) Buddypress Theme in Action etc
- insert some link (hardcoded) in the headerbar. near "Visit"
- insert an image under the Welcome back "user"

Can you tell me the file I need to change?
There's a way to proceed in order not to lose the changes in case of future template update?

Thanks

  • Stef1978

    - change the Home Picture (the one with the "box head boy")

    themes/bp-social/_inc/images/header.jpg
    Or feature a post with an image.. (this automatically replaces the default picture)

    - change the footer (insert link and txt) 2009(c) Buddypress Theme in Action etc

    The footer is will be changed to your blog name with a new installation.
    You can find the text in the footer in themes/bp-social/footer.php

    You have to wait for Richard for your last 2 questions.

  • Richie_KS

    thanks Stef for answer the first 2 question:slight_smile:

    insert some link (hardcoded) in the header bar. near "Visit"

    copy paste this to functions.php


    /*use this enter extra link inside 'visit' menu */
    function my_custom_bp_link() { ?>
    < li >< a href="#" >HELLO WORLD< /a >< /li >
    <?php }
    add_action('bp_adminbar_random_menu','my_custom_bp_link',1);

    /*use this enter extra link in admin menu with align to right near visit */
    function my_custom_bp_menu_link() { ?>
    < li id="bp-adminbar-extra_menu" class="align-right" style="right: 60px;" >
    < a href="#" >HELLO WORLD< /a >
    < ul >
    < li >< a href="#" >sublink1< /a> < /li >
    < li >< a href="#" >sublink2< /a > < /li >
    < li>< a href="#" >sublink3< /a > < /li >
    < li >< a href="#" >sublink4< /a > < /li >
    < /ul >
    < /li >
    <?php }
    add_action('bp_adminbar_menus','my_custom_bp_menu_link',1);

    they are 2 way..choose one that suit you...edit the the links to your own link
    note: if you copy paste.please make sure remove spacing on html <spacelispace>

    - insert an image under the Welcome back "user"

    what kind of image?
    if its user avatar, just open topbar.php. in line 10+, there should be code similiar to this
    <li id="li-user"><?php _e('Welcome back'); ?>, <?php bp_loggedinuser_link() ?>

    edit to this

    <li id="li-user"><?php bp_loggedin_user_avatar( 'width=20&height=20' ) ?> <?php _e('Welcome back'); ?>, <?php bp_loggedinuser_link() ?>

    *bold - added/edited text

    basically if want to add image also can be like this

    <li id="li-user"><?php _e('Welcome back'); ?>, <?php bp_loggedinuser_link() ?>
    <!-- your img scr here -->

    cheers