Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Making ”mantra” theme buddypress compatible

  • Profile photo 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)
  • Profile photo 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.

    Profile photo 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)

    Profile photo 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”>

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

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

    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…

    Profile photo of @mercime
    @mercime
    Keymaster

    @mercime

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

    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;*/
    }`

    Profile photo 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)
  • The topic ‘[Resolved] Making ”mantra” theme buddypress compatible’ is closed to new replies.