Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Alligning Buddypress with Reaction Theme


  • SoEasilySwayed
    Member

    @soeasilyswayed

    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!

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

  • @mercime
    Participant

    @mercime

    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:
    `

    `
    (updated)

    Save file.

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

    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();
    });
    });

    `

    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 https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/


    SoEasilySwayed
    Member

    @soeasilyswayed

    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!


    @mercime
    Participant

    @mercime

    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?


    SoEasilySwayed
    Member

    @soeasilyswayed

    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

    :(


    SoEasilySwayed
    Member

    @soeasilyswayed

    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..

    :


    SoEasilySwayed
    Member

    @soeasilyswayed

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


    @mercime
    Participant

    @mercime

    Got it. Thing is, I see
    `

    `
    in source when the page template you posted in pastebin.com link above had
    `

    ` 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.


    SoEasilySwayed
    Member

    @soeasilyswayed

    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


    SoEasilySwayed
    Member

    @soeasilyswayed

    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!

    :)


    @mercime
    Participant

    @mercime

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

    At the bottom of the header-buddypress.php we created, replace:
    `

    `
    with
    `

    `

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


    SoEasilySwayed
    Member

    @soeasilyswayed

    Oh my!

    It finally worked! THANK YOU SOOOO MUCH @Mercime!

    YOU ROCK!


    @mercime
    Participant

    @mercime

    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 `

    `

    SoEasilySwayed
    Member

    @soeasilyswayed

    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


    @mercime
    Participant

    @mercime

    == 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.


    SoEasilySwayed
    Member

    @soeasilyswayed

    1. ohh, okay. awesome…

    2. Awesome, now it shows up, but theres a scroll? on the button?
    http://desmond.imageshack.us/Himg42/scaled.php?server=42&filename=testig.jpg&res=medium

    3. and yeah… i think so too… ima go over it again

    :)

    you’re a genius!


    @mercime
    Participant

    @mercime

    Sorry to disappoint you, but no genius here :-)

    #2) I recall that issue. Add this to your theme’s stylesheet:
    `#whats-new-options {
    height: 30px;
    }`
    increase height as needed.


    SoEasilySwayed
    Member

    @soeasilyswayed

    I added it, but it still shows the scroll bar. and it only makes it a certain.
    I tried making it 100px just to try, and i believe it only stretches up to 50px..

    :


    @mercime
    Participant

    @mercime

    @soeasilyswayed you need to revise sidebar-buddypress.php per code updated here where script needs to be added in regiser page.

Viewing 18 replies - 1 through 18 (of 18 total)
  • The topic ‘[Resolved] Alligning Buddypress with Reaction Theme’ is closed to new replies.
Skip to toolbar