Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Alignment issue with Strings theme from Themeforest – please help!

  • Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    So I am running the Theme called Strings from Themeforest on my site at Lifeandrevolution.com, this is kind of my first foray into Buddypress with a non-formatted site and the coding and me are not really getting along at this moment. I’ve been working at it for a few days now and I just can’t get it.

    Can anyone provide me with some insight on how to get the alignment configured based on the core page html? I’d be pretty grateful for any and all help.

    My web-site is Lifeandrevolution.com
    Url to an example of the mis-alignment: http://lifeandrevolution.com/members/

    Thanks again in advance!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    I found pastebin, so here are links to the coding for my page.php, sidebar.php, header.php, and footer.php. I would really appreciate any help analyzing this code, and maybe a tip or two on how to integrate buddypress into the theme. Thanks again, so much!

    Sidebar.php http://pastebin.com/NGgq5fXn
    footer.php http://pastebin.com/kBQnbTmD
    header.php http://pastebin.com/Efrw00Yx
    page.php http://pastebin.com/TEz6LxWK

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @burntheedges you have two options

    a. create only two files – header-buddypress.php and sidebar-buddypress.php
    – the downside is that the titles of the BP pages won’t be like the titles of the rest of your site i.e., not white text on black background

    b. revise 16 BP template files – your pages titles will be styled like the rest of the site’s page titles
    – downside revising 16 more or less template files when there’s an upgrade.

    I would opt for (a) and wait till BP 1.7 where these additions/revisions will be fossils from the past :-)

    Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    How far away I the 1.7 release? :)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Can’t say. Based on what’s in the BP roadmap – major upgrades – I can only guess around December or so, but don’t bet on it :-)

    Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    Well I’ve tried goin about and creating the separate header, sidebar and footer files but I honestly have no idea what code I need to add and where? Does anyone have a clue what I need to add to make these work?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    I did ask you if you wanted option (a) or (b) above so we can do this already :-) Which is it?

    Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    Oh haha (a) please! Thanks so much!

    Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    Thanks again for doing this and all the help, I really appreciate everything

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Based on the HTML structure of your theme, you will only need to create two new files, header-buddypress.php and sidebar-buddypress.php to make the BP templates compatible with your theme.

    If you’ve revised any of the BP template files transferred to your strings theme folder in server during the BP Compatibility process, please delete those 6 BP folders transferred to your theme folder in server – /activity, /blogs, /forums, /members, /groups, /register – then re-run Appearance > BP Compatibility again to make sure that you have clean template files.

    A. COPY your theme’s header.php and Save As > header-buddypress.php

    Open up header-buddypress.php and at the BOTTOM of the file, below other code contained within, add:
    `

    <article class="blog_post" id="post-id; ?>”>

    `

    Save file.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    B. CREATE a NEW BLANK FILE named sidebar-buddypress.php

    Open up the blank sidebar-buddypress.php file and add the following within:
    `


    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.

    C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/strings/ in the same directory where your regular header.php and sidebar.php files are

    D. Copy the style modifications for some BP elements http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.

    Avatar of BurntheEdges
    BurntheEdges
    Member

    @burntheedges

    Thanks so much! Works like a charm!! Except now.. for some reason I can’t get bbpress forums to show up… oh well! Back to work!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    :-) Marking this as resolved.

    As for bbPress not showing up, BP compatibility didn’t change the original page.php which bbPress theme compat uses. Please start a new topic in this forum or in bbPress.org if you need further assistance on this matter.

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

You must be logged in to reply to this topic.