Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Making ”mantra” theme buddypress compatible

  • Avatar of egehlhaar
    egehlhaar
    Member

    @egehlhaar

    hello,
    i really like the awesome customization possibilities in the “mantra” theme, so i decided to use it in combination with the amazing buddypress features on my new site.

    but i have trouble making the theme compatible with buddypress and i was wondering if i could get support/help, as my php-skills are limited.

    i have tried to follow the instructions in the “template pack walkthrough” precisely, but i suppose the dynamic sidebars of the mantra-theme are making me trouble here.
    on the first look, on the main page, everything looks fine. i have selected the 3 column layout in the mantra seetings. when i enter sub-pages of buddypress, the layout of the main content is messed up, as the right sidebar is shown again on the wrong position.

    i would be glad for any help.

    support infos:
    site: http://www.wattenmeer-clique.de/wp
    WP 3.3.1, buddypress 1.5.4, mantra 1.8.0 (http://wordpress.org/extend/themes/mantra)
    domaininstall in subdirectory
    fresh install from scratch
    no modification to core, no custom functions
    server on linux (2.6.37), PHP 5.2.17

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

    @mercime

    @egehlhaar looks like you’ve fixed the sidebar issue. I see the sidebar in the right location in your register page.

    Avatar of egehlhaar
    egehlhaar
    Member

    @egehlhaar

    hi,
    thanks for having a look.
    no, i haven’t fixed it yet. actually, the sidebar (including analog clock) is supposed to be on the right side. content in the middle, (and calendar on the left)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Ok, I didn’t see that sidebar with the analog clock earlier on the registration page.

    You will need to change 16 template files within the 6 BP folders transferred to your weaver theme in server during the compatibility process.

    If you’ve changed any of the BP template files in your theme folder, replace all of them by deleting the 6 BP folders in server – /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
    `

    <div id="post-” class=”hentry”>

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

    `

    C. Save files. Upload 6 BP folders to your server wp-content/themes/mantra/

    D. You might also want to check out the style modifications made in BP Twenty Ten for reference. http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

    Avatar of egehlhaar
    egehlhaar
    Member

    @egehlhaar

    WOW! Thanks so VERY much! thats exactly what did the job! the content ist now right there, where it belongs. in the middle! :))

    Avatar of egehlhaar
    egehlhaar
    Member

    @egehlhaar

    just one more small thing:

    i’ve added the sytle modifications to the style.css, but now somehow the sidebar widget-titles get cut off.
    it’ probably overwriting something in the style definition, right?
    the style.css alone from mantra is ~ 2200 lines… i cant find the part thats interfering…

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Add the following in your stylesheet
    `#primary .widget-title {
    text-align: left !important;
    }`
    [Updated: 03-04-12]

    Avatar of egehlhaar
    egehlhaar
    Member

    @egehlhaar

    hi,
    do you mean in the mantra-template stylesheet? i cant find the syntax you posted. …but a similar one:

    `
    .widget-title {
    color: #2EA5FD;
    font-size:16px;
    padding:4px 0;
    padding-left:15px;
    text-align:left;
    margin-bottom:10px;
    background-color:#333;
    width:105%;
    border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-radius-topleft:10px;
    /* box-shadow:-1px -1px 6px #999;
    -moz-box-shadow:-1px -1px 6px #999;
    -webkit-box-shadow:-1px -1px 6px #999;*/
    }`

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Widget title alignment is corrected and updated in my previous post. Found out the conflicting style is inline and so we need to add the !important in stylesheet.

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

You must be logged in to reply to this topic.