Skip to:
Content
Pages
Categories
Search
Top
Bottom

Buddypress Home 2 Column Theme

  • Avatar of Scotm
    Scotm
    Participant

    @scotm

    I’ve played around with making the Buddypress theme 2-column (and not as wide on the page) but it goes screwy in IE. Can anyone suggest a few creative edits in the style.css file that will trim the width of the theme to accommodate just two columns (2 columns of widgets versus 3).

    Cheers!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Avatar of Fishbowl81
    fishbowl81
    Participant

    @fishbowl81

    There are 2 things you need to change, 1 in custom.css, 1 in home.php in the buddypress-home theme folder (and /css folder)

    remove lines 14 to 25 (or comment out) of home.php

    `<div id=”center-column”>

    <?php if ( !function_exists(‘dynamic_sidebar’)

    || !dynamic_sidebar(‘center-column’) ) : ?>

    <div class=”widget-error”>

    Please log in and /wp-admin/widgets.php?s=&show=&sidebar=sidebar-2″>add widgets to this column.

    </div>

    <?php endif; ?>

    </div>`

    This will remove the center column from the layout.

    Next you need to adjust the css right margin of #left-column

    #left-column {

    margin-right: 280px;

    }

    Also you could adjust the body width, with this addition to your custom.css

    body {

    max-width: 1100px;

    }

    Hope That Helps,

    Brad

    http://www.gorgeousgamers.com/beta/

    Avatar of Scotm
    Scotm
    Participant

    @scotm

    fishbowl81

    This is pretty much what I’d tried, although I’d forgotten about the custom.css file idea. I may have figured it out.

    Thx

    I had also made mine a two column theme… extending the left column stretching across to the right one. Getting rid of the middle one. Got a few issues in IE with the top margin, should be an easy fix…but i’ll let you know.

    Avatar of Chris
    chriscarter
    Participant

    @chriscarter

    I made the above changes and the center column is gone. It has left an empty space, however, the right column did not take up that empty space. Since the above recommendation is a bit dated, are there any additional changes to be made if running RC-1? Thanks. Maybe a future BP version will allow the admin to choose between two or three columns.

    Avatar of Andy Peatling
    Andy Peatling
    Keymaster

    @apeatling

    The home theme is just a theme, you’re free to do anything you want with it.

    Avatar of Ichbinsdennis
    ichbinsdennis
    Member

    @ichbinsdennis

    I did the same concerning the columns, but this is not what brings the ie Problem, its some kind of a problem with margin: 0 auto; in body.

    If you open buddypress demo and you have a big screen you will see (on making ie browser smaller) that elements like avatars and some other content are getting weird.

    I think this is some kind of a serious bug, which needs to be fixed in next versions.. I was centering/scaling down buddypress (because now it looks much better (; ) and got confronted with this problem.. Maybe a Javascript could fix that..

    Usually/ sometimes/ possibly IE problems are caused by uncleared floats.

    try adding something like:

    <br clear=”all” />

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

You must be logged in to reply to this topic.