Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Buddypress fixing alignment issues

  • Avatar of waiyea
    waiyea
    Member

    @waiyea

    Hi all,
    I’m using Zenon Lite and made a child theme with a few customizations.
    Recently, I’m trying to install buddypress for user management of my site. I’ve installed the BP Theme Compatability plugin and followed the instructions to modify my theme but in vain. My sidebar was pushed under the BP contents and the BP contents are not fit into the page also.
    Could anyone help me to solve it? Many thx.

    Marco

Viewing 10 replies - 1 through 10 (of 10 total)
  • Avatar of Tammie
    Tammie
    Moderator

    @karmatosed

    If you can please provide a link to see your site with this issue it would help in diagnosis. Without seeing a link my thoughts would be it’s either:

    1. A too wide div
    2. A clear in a wrong place
    3. An extra div putting the content and sidebar in different sections

    Avatar of waiyea
    waiyea
    Member

    @waiyea

    Hi karmatosed,

    The link is http://www.elitenursing.com.hk/w/activity/

    BP Compatibility describes BP templates structure are

    [HEADER]
    `

    `
    `
    `
    [PAGE CONTENT]
    `

    `
    `

    `
    `

    `
    [FOOTER]

    But I found there is no `

    ` tag in relevant files (e.g. activity/index.php)
    Why is that?
    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    Have a read through the compatibility steps again as they are quite detailed.

    Essentially you have things back to front, it’s not the BP markup you are looking for (#container doesn’t actually appear in index pages it’s written to header.php) but you custom themes markup which must be reflected in the BP templates, so at a quick glance comparing page.php to activity/index.php you need to add your themes single_wrap element after #content and move the sidebar call to the position just before #content is closed, in other words your custom themes files are the correct markup structure and you need to replicate that in the BP template pages.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @waiyea I see that you’ve created a child theme of http://wordpress.org/extend/themes/zenon-lite
    Looked over zenon lite, this is to let you know that you will have to change 16 BP files transferred to your zenon lite child theme folder during the Appearance > BP compatibility process. I see that the parent theme’s default page.php has right sidebar, then you also have page templates for sidebar on the left and full-width page. Which among the three layouts did you want for all your BuddyPress pages?

    Avatar of waiyea
    waiyea
    Member

    @waiyea

    mercime, I want the template with sidebar on the right hand side, that equals to the default template of zenon

    Avatar of waiyea
    waiyea
    Member

    @waiyea

    I completed all steps according to BP Compatibility and transferred all BP templates to my child theme. Just can’t figure out how the fixing alignment step should be…
    Between, does all BP templates call for the page.php as default layout?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @waiyea As mentioned above, you need to change 16 template files within the 6 BP folders transferred to your zenon-lite theme folder in server during the compatibility process.

    If you’ve previously changed any of the BP template files in your zenon-lite theme folder in server, replace all of them for a clean slate by deleting the 6 BP folders – /activity, /blogs, /forums, /groups, /members, and /registration – then re-run Appearance > BP Compatibility.

    Download the 6 clean BP folders to your computer hard drive.

    A. At the top of each of those 16 template files I linked to above, replace
    `

    `

    with the following:
    `

    <div id=”post-“>

    `

    Then, in each of 16 files, you’d like to change the BP Templates’ page title’s header tag from `

    ` or `

    ..

    ` to `

    // Titles Of Respective BP Page Templates //

    `

    Save files.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    B. At the bottom of the same 16 files, replace:
    `

    `

    with the following (except for registration/register.php):
    `

    `

    with the following for registration/register.php:
    `

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

    C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/zenon-lite/

    D. Copy the style modifications made in BP Twenty Ten at http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

    Avatar of waiyea
    waiyea
    Member

    @waiyea

    Dear mercime, it does help and work fine! THANK YOU SO MUCH!!!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Glad it worked out well for you. Marking this topic as resolved :-)

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

You must be logged in to reply to this topic.