Skip to:
Content
Pages
Categories
Search
Top
Bottom

Thinking my theme isn’t matching up with buddypress….Canyon Theme

Viewing 11 replies - 1 through 11 (of 11 total)
  • Avatar of yadigit
    yadigit
    Participant

    @yadigit

    on line 94 in style.css of your theme change it to

    .container_main {
    width: 1020px; // this is the change.
    background-color: #FFF;
    margin: 0 auto;
    padding: 20px 0;
    }

    (does not fix the sidebar)

    Your best bet is to install buddypress template (plugin) and follow the steps ( it seems that your buddypress css is already linked to your theme)

    Hint: If you are using google chrome as your browser right click on the page and click inspect element, to your right and side there is the layout of the css, you can edit the css to see what you need to change, it will show you what line and what file to change it in. ( you must have some knowledge of css/html)

    Avatar of BrainiacWebDesigns
    Doug
    Member

    @brainiacwebdesigns

    i know basic css and have firebug lite installed and all that, im just no expert. Which css file, i opened my themes and line 94 i dont think is right for that. if its a buddypress css theme, where is it located? i also buddypress template pack installed, which i thought was supposed to make it all fit together better. thanks again for your help yadigit

    Avatar of yadigit
    yadigit
    Participant

    @yadigit

    Your welcome. and im sorry, it is 960.css.. in your theme files, /themeroot/css/960.ss line 94. it should look like this.

    .container_12,
    .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px; // switch 960px to 1020px
    }

    also, do you plan on having a sidebar in the buddypress pages?

    Avatar of BrainiacWebDesigns
    Doug
    Member

    @brainiacwebdesigns

    if i can make it look good then yes, id like a sidebar. like i said, im no css pro lol, very novice

    Avatar of BrainiacWebDesigns
    Doug
    Member

    @brainiacwebdesigns

    i have no css folder in my themes root folder. the style.css file is right in the root

    Avatar of BrainiacWebDesigns
    Doug
    Member

    @brainiacwebdesigns

    ok so i found the file youre talking about in root/lib/css, and this

    .container_12,
    .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    }

    on line 47. i switched 960 to 1020, but i see no difference. any other ideas/

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @brainiacwebdesigns you need to go to Step 3 of the BP Compatibility process, fix alignment of the BP template files to mesh with your theme’s HTML structure.

    Based on the HTML structure of your theme, you need to use the first option, i.e., change 16 template files within the 6 BP folders transferred to your canyon theme folder in server during the compatibility process.

    If you’ve previously changed any of the BP template files in your 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
    `

    <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 //

    `, just watch out when you do this in the /activity/index.php page.

    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/canyon/

    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 BrainiacWebDesigns
    Doug
    Member

    @brainiacwebdesigns

    When searching these files, i cant find the exact code you wrote. for instance in activity, i found

    `

    <div id="post-” >

    `

    instead of

    `

    `

    so I think i’m still lost here….?

    Avatar of BrainiacWebDesigns
    Doug
    Member

    @brainiacwebdesigns

    after work tonight im just going to try and follow this guide….

    http://codex.buddypress.org/theme-development/bp-template-pack-walkthrough-level-easy-2/

    is that what i need to do to fix it?

    Thanks again

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    == When searching these files, i cant find the exact code you wrote. for instance in activity, i found … ==

    I don’t know what file you’re opening. For activity/index.php –> lines 12-17 in http://buddypress.trac.wordpress.org/browser/tags/1.5.5/bp-themes/bp-default/activity/index.php

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

You must be logged in to reply to this topic.