Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Buddy Press Theme Intergration ???

  • Avatar of OFA
    OFA
    Member

    @chistyle

    Ok, I cant seem to work out the correct codes in my Theme’s template page and Index to add to the buddy press 13 Template Pack indexs files? As the alignment of buddypress is slightly out.

    Also the instuction arent that clear on the 2nd method (Sidebar, Footer and Header from the theme to placing the footer-buddypress, header-buddypress and sidebar-buddypress in which folder you put those files into.

    Also , I’ve follow the instructions from this post http://codex.buddypress.org/theme-development/bp-template-pack-walkthrough-level-easy-2/
    With no luck and found that it’s not that easy !!

    I’ve also noticed this message in the Bp Compatible settings -

    “Your active theme does not include bbPress template files. Your forums are using the default styling included with bbPress.”

    Anyway I hope some one can point me in the right direction?

Viewing 18 replies - 1 through 18 (of 18 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    So if you’re on BP 1.5 and installed BP Template Pack 1.2, then you only need to update 11 files now. So if you require assistance on that end, open up your WP theme’s page.php and paste in pastebin.com, submit, and paste the generated URL here.

    As for the second method, after creating those three new files, you need to make revisions in those files then upload to your active WP theme folder in server.

    As for the bbPress template files, they look good in many themes but might need adjustment for some. I say one step at a time. Let’s get your theme BP-compatible.

    Avatar of OFA
    OFA
    Member

    @chistyle

    Cool. I got Bp 1.5 and BP template pack 1.2 already installed, the installation is correct and 11 files need to be update. I’ve added

    the Pastebin url here for the avenue page.php code. here : http://pastebin.com/vRu5jLDb

    also here’s the avenu index.php code here : http://pastebin.com/y15va2g3

    also I’m up to the setup option to install “Forums for Groups” and “New! Site Wide Forums” which I havent installed yet.

    Here’s something to give back to the community to test out WP theme’s, plugins, customisations without an internet connection http://www.instantwp.com/

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Download the six BP template folders which transferred into your active WP theme folder during the BP compatibility process down to your computer hard drive. Open up the first file, activity/index.php , with text editor of choice

    1) At the top, replace:
    `

    `

    with:
    `

    `

    2) At the bottom of same file, replace
    `

    `

    with:
    `

    `

    3) Before closing the file, you might also want to change the header tag of the activity/index.php
    `

    `
    to
    `

    `
    so all your headers across site are the same.

    Save file. Repeat 1-3 on the remaining 10 files. Save and upload to your active WP theme folder in server.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Oops, forgot about that one. For the bottom part of registration/registration.php, replace:
    `

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

    `

    with
    `

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

    `

    Avatar of OFA
    OFA
    Member

    @chistyle

    Ok Cheers!! I also had to add Step 1 and 2 to correct the alignment for those pages Delete account, Ok Cheers!! I also had to add Step 1 and 2 to correct the alignment for those pages Delete account, Notifications and general.

    /members/single/settings/delete-account.php
    /members/single/settings/notifications.php
    /members/single/settings/general.php

    and

    /registration/activate.php

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    plus
    /blogs/create.php
    /forums/single/forum.php
    /forums/single/topic.php

    Avatar of OFA
    OFA
    Member

    @chistyle

    Hey any ideas how to fix the above alignment ?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Looks like you’ve fixed alignment on the Community page per link above. Can’t find the url to your forums

    Avatar of OFA
    OFA
    Member

    @chistyle

    No, I still havent fixed the Forum Discussion section Alignement issue – To see what Im saying I’ve turned back on the Forum Discussion component for you to check out . http://www.our-festivals-australia.com/community/

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Looks like the forums alignment i.e. sidebar is level with content just like you have with your groups and members. Needs a bit of CSS luv to add spacing between sidebar and content.

    Avatar of OFA
    OFA
    Member

    @chistyle

    Ok.. Would that be in the theme’s Stylesheet (style.css)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Yup. Adjust negative left and right margins on BP component elements so you’d get back the spacing between sidebar and content. I needed to add !important to all of below because bp.css is enqueued

    `div.dir-search { margin: -20px 0 0 !important; }

    div.item-list-tabs { margin: 25px 0 20px !important; }

    div#subnav.item-list-tabs { margin: -15px 0 15px !important; }

    table.forum { margin: 0 !important; }`

    Avatar of OFA
    OFA
    Member

    @chistyle

    I added the code to the the Themes “Style.Css” at the end of the section Main Styles and before the start of Side Bar styles. It seems to place it better in alignment.. Thanks for Help Cheers!!

    http://www.our-festivals-australia.com/community/

    /*** Main Styles ***/

    Etc, Etc, Etc

    div.dir-search { margin: -20px 0 0 !important; }

    div.item-list-tabs { margin: 25px 0 20px !important; }

    div#subnav.item-list-tabs { margin: -15px 0 15px !important; }

    table.forum { margin: 0 !important; }

    /*** Sidebar styles ***/

    Avatar of OFA
    OFA
    Member

    @chistyle

    Oh one more thing how do i get the padding expanded for the listed topics as it looks alittle cramped. on the community discussion forum topics : http://www.our-festivals-australia.com/community/

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Add this to style.css
    `table.forum tr > td:first-child, table.forum tr > th:first-child {
    padding: 15px !important;
    }`

    You should also install the Firebug add-on for Firefox to help you along with styling your site.

    Avatar of OFA
    OFA
    Member

    @chistyle

    Yep that sorted it out sticking that extra code into the style.css .. Cheers Bud for all your Help !!

    table.forum { margin: 0px !important; }

    table.forum tr > td:first-child, table.forum tr > th:first-child {
    padding: 15px !important; }

    div.dir-search { margin: -20px 0 0 !important; }

    div.item-list-tabs { margin: 25px 0 20px !important; }

    div#subnav.item-list-tabs { margin: -15px 0 15px !important; }

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    You’re welcome.
    Remember, Firebug add-on for Firefox :-)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    You’re welcome.
    Remember, Firebug add-on for Firefox :-)

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

You must be logged in to reply to this topic.