Group Mods

  • Profile picture of r-a-y
  • Profile picture of @mercime
  • Profile picture of Hugo

Support: Installing BuddyPress

Problems with getting it running.

[Resolved] Alligning Buddypress with Reaction Theme (19 posts)

Started 3 months, 3 weeks ago by: SoEasilySwayed

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    Hey guys,

    Thanks for helping in advanced!

    I installed the Reaction theme to my wordpress (non-buddypress theme)
    But now all my BuddyPress pages and stretched with the content as wide as my browser window is.
    I cant seen to figure it out. I need help!

    I’m using the Reaction Theme and it looks like this now…

    http://img826.imageshack.us/img826/7544/stretchg.jpg

    Here are the files from pastebin.com
    ——————————————————
    http://pastebin.com/x8gjg6dK (header.php)
    *My theme doesn’t have a sidebar.php*
    http://pastebin.com/RXzW9sEf (footer.php)
    http://pastebin.com/NLeCAK1g (index.php)
    http://pastebin.com/jkrbyhrY (page.php)
    ——————————————————

    I wouldnt mind it just being full width.
    Do I need a sidebar.php for the them to work properly?

    If you would need anything else to see whats wrong, just let me know.
    I can post it here or link you to things.

    I would really appreciate the help!
    I’ve been going at it for a week now with no success.
    :(

    Thankss!

  • Profile picture of @mercime @mercime said 3 months, 3 weeks ago:

    Looking at the code you posted, I am 99% positive that you only need to create and add header-buddypress.php and sidebar-buddypress.php to your theme folder instead of changing code in 16 files transferred into your reaction theme in server. Let’s give it a try.

    Create the header-buddypress.php file. Copy content of your reaction theme’s header.php and post it in header-buddypress.php and add the following at the bottom of that file:

    <div class="super-container main-content-area" id="section-content">
    <div class="container">
    <div class="eleven columns content">

    (updated)

    Save file.

    Create a new file sidebar-buddypress.php. and paste the following:

    </div>
    <div class="five columns sidebar">
    	<?php dynamic_sidebar( 'default-widget-area' ); ?>
    </div>
    <?php if ( bp_is_register_page() ) : ?>
    	<script type="text/javascript">
    		jQuery(document).ready( function() {
    			if ( jQuery('div#blog-details').length && !jQuery('div#blog-details').hasClass('show') )
    				jQuery('div#blog-details').toggle();
    			jQuery( 'input#signup_with_blog' ).click( function() {
    				jQuery('div#blog-details').fadeOut().toggle();
    			});
    		});
    	</script>
    <?php endif; ?>
    </div>
    </div>

    Save file.

    Upload both files to your theme folder in wp-content/themes/reaction/

    Finally, you might want to modify the default template pack styles, check out http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    So I did everything here, and now its barely showing.

    http://img820.imageshack.us/img820/6403/profileroadunit.png

    :

    Any ideas?

    and thanks again for helping again!

  • Profile picture of @mercime @mercime said 3 months, 3 weeks ago:

    Make sure that you have pristine copies of the BP template files i.e. that the files you tried to revise over the last week were replaced with the original BP template files.
    - Delete the 6 BP template folders in your reaction theme namely: activity/ blogs/ forums/ groups/ members/ registration/
    - Re-run Appearance > BP Compatibility and go through whole process until the end.
    - Check the BP component pages again.

    Otherwise, site uri?

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    I just did that and still nothing. :(

    I have NO idea what I’m doing wrong…?

    I had to make you a Admin cause its not live yet… (does this work?)
    http://www.roadunit.com
    User: xxx
    Passwrd: xxx

    EDIT – Do not post username and password with admin privileges here. — mercime
    :(

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    Ahh. how do I send it to you? :(

    I did it all again, to make sure I didnt do something wrong or miss something and its still doing the same thing.

    I just don’t get it..

    :

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    @mercime – I made you a Member, same credentials :)

  • Profile picture of @mercime @mercime said 3 months, 3 weeks ago:

    Got it. Thing is, I see
    <div id="section-header" class="super-container full-width">
    in source when the page template you posted in pastebin.com link above had
    <div class="super-container main-content-area" id="section-content"> plus the next two divs I posted are not present in source code of what’s supposed to be your /member/index.php page

    Where did you upload header-buddypress.php and sidebar-buddypress.php? These should be uploaded to wp-content/themes/reaction/ folder, not elsewhere or it won’t work.

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    I took them out. I didnt want it to forget about it, or mess up or anything strange.

    I will try the whole process again right now
    :)

    Give me a few

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    Okay, i re-uploaded the header-buddypress.php and the sidebar-buddypress.php

    Deleted and ran BP Compatibility… and its still doing the same thing…

    In what source do you see this?

    Were getting closer!
    :)

  • Profile picture of @mercime @mercime said 3 months, 3 weeks ago:

    @soeasilyswayed Viewed page source. Checked reaction theme demo page as well.

    At the bottom of the header-buddypress.php we created, replace:
    <div class="one column content">
    with
    <div class="eleven columns content">

    The class .one you posted in pastebin had only 40px width

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    Oh my!

    It finally worked! THANK YOU SOOOO MUCH @Mercime!

    YOU ROCK!

  • Profile picture of @mercime @mercime said 3 months, 3 weeks ago:

    You’re welcome :-) I recommend that you download or unzip another copy of your theme and copy the page.php file from there and upload to your theme folder in server. Double check that your page.php file has the <div class="eleven columns content">

  • Profile picture of SoEasilySwayed SoEasilySwayed said 3 months, 3 weeks ago:

    What would that do? I just did it and I see no change.
    :)

    Also..
    Shouldn’t there be a button to send public messages?
    When I press enter.. it just skips to the next line.

    http://desmond.imageshack.us/Himg853/scaled.php?server=853&filename=testbce.jpg&res=medium

    And when I try to change the colors on the navbar to match my theme color… it doesnt change them.

    I find them in firebug and all, change them… but nothing happens.

    Would that have to be with my theme?

    Thankss

  • Profile picture of @mercime @mercime said 3 months, 3 weeks ago:

    == What would that do? I just did it and I see no change. ==
    The recommendation to upload another copy of page.php was due to the fact that the div class in pastebin.com for page.php was different from the div class I posted which resolved the layout issue.

    == Shouldn’t there be a button to send public messages ==
    Make sure you did not disable the JS for BP. Go to Appearance > BP Compatibilty. The checkboxes should be clear. i.e. unchecked.

    == And when I try to change the colors on the navbar to match my theme color… it doesnt change them. ==
    Whatever change you add to your theme’s stylesheet should override adminbar’s styles as the latter is enqueued before your theme’s stylesheet per code you posted for header.php in pastebin. It just might be that you have overlooked some/same selectors to override adminbar styles.