Skip to:
Content
Pages
Categories
Search
Top
Bottom

Three Columns

  • Avatar of nickmy
    nickmy
    Participant

    @nickmy

    Hello

    I’m using the new default theme of buddypress (the one on testbg.org). How can I show blog posts in three columns.

    THANKS

Viewing 16 replies - 1 through 16 (of 16 total)
  • Avatar of nickmy
    nickmy
    Participant

    @nickmy

    no idea?

    Avatar of chrisbrocklesby
    chrisbrocklesby
    Participant

    @chrisbrocklesby

    I have the same question, any ideas guys…

    Avatar of Andy Peatling
    Andy Peatling
    Keymaster

    @apeatling

    Yep, you will need to learn HTML and CSS and create a child theme.

    Avatar of chrisbrocklesby
    chrisbrocklesby
    Participant

    @chrisbrocklesby

    Thanks Andy…

    This is very much a different way of laying out columns for me and maybe for others, I would normally set the width of each column and not use margins like in this theme (BP 1.2 Default “BETA”), but I can greatly see the benefit of doing it this way for fluid screen use….

    Anyway I have figured it out, If ‘nickmy’ or anyone one else wishes to add three column the code changes are as follows:

    ADD THE FOLLOWING TO THE DEFAULT.CSS:-

    float: left;

    width: 225px;

    margin-right: -226px;

    margin-top: 1px;

    border-right:1px solid #e4e4e4;

    -moz-border-radius-topleft: 3px;

    -webkit-border-top-left-radius: 3px;

    background: url( ../images/sidebar_back.gif ) top left repeat-x;

    }

    ADD THE FOLLOWING TO (div#content .padder):-

    margin-left: 225px;

    border-right: 1px solid #e4e4e4;

    CREATE A FILE CALLED “sidebar-left.php” IN THE BP-DEFAULT THEME DIRECTORY, CONTAINING THE FOLLOWING:

    <div id=”sidebar-left”>

    <div class=”padder”>

    This is where your left content can go…

    </div>

    </div>

    ADD THE FOLLOWING TO IN THE APPROPRIATE THEME TEMPLATES: (eg single.php)

    <?php locate_template( array( ‘sidebar-left.php’ ), true ) ?>

    ///Note this needs to be instead between the <?php get_header() ?> and <div id=”content”> ///

    Then your done… You could go one step more and add the function of “register_sidebar” bar to the functions.php, but I will not go there right now as there plenty of documents and articles on how to do this…

    Hope this helps anyone else who may have the same problem…

    Avatar of chrisbrocklesby
    chrisbrocklesby
    Participant

    @chrisbrocklesby

    Sorry little mistake…

    ADD THE FOLLOWING TO THE DEFAULT.CSS:-

    #sidebar-left {

    float: left;

    width: 225px;

    margin-right: -226px;

    margin-top: 1px;

    border-right:1px solid #e4e4e4;

    -moz-border-radius-topleft: 3px;

    -webkit-border-top-left-radius: 3px;

    background: url( ../images/sidebar_back.gif ) top left repeat-x;

    }

    Forgot the…. #sidebar-left {

    Avatar of nickmy
    nickmy
    Participant

    @nickmy

    Hello

    thanks for the help but that wasn’t what I wanted.

    If you click the “blogs” button you get the list of blog entries one post after the other.

    I want to show them in three columns and not one.

    sorry for my bad english

    Avatar of nickmy
    nickmy
    Participant

    @nickmy

    no solution?

    Avatar of itoube
    FayssalF
    Participant

    @itoube

    nickmy, you can achieve that by implementing the code provided by Chris above but instead of using single.php you would use page.php to insert <?php locate_template( array( ‘sidebar-left.php’ ), true ) ?> after <?php get_header() ?> and just before <div id=”content”>.

    Chris, i’ve added a width and a border-left to your default.css code:

    div#content .padder {

    margin-right: 225px;

    border-right: 0px solid #e4e4e4;

    border-left: 1px solid #e4e4e4;

    -moz-border-radius-topleft: 6px;

    -webkit-border-top-left-radius: 6px;

    -moz-border-radius-bottomleft: 6px;

    -webkit-border-bottom-left-radius: 6px;

    margin-left: 225px;

    width:757px;

    }

    Avatar of Tadziz
    Tadziz
    Participant

    @tadziz

    i have done everything like you say. It add me a left side bar but how need to add widgets to that sidebar,

    what i must write here:”This is where your left content can go…”

    <div id=”sidebar-left”>

    <div class=”padder”>

    This is where your left content can go…

    </div>

    </div>

    and how to make left sidebar to be visible in control panel widgets section. Thank you for answers :)

    Avatar of Marco72
    Marco72
    Participant

    @marco72

    Sorry Tadziz but that’s a simple WordPress question. There’s a lot of tutorial around on “how to add widgetized areas” on sidebar. Just google it. ;-)

    Avatar of itoube
    FayssalF
    Participant

    @itoube

    Avatar of Tadziz
    Tadziz
    Participant

    @tadziz

    i still don’t get it what to add to this place

    <div id=”sidebar-left”>

    <div class=”padder”>

    This is where your left content can go…

    </div>

    </div>

    and i don’t get it how to edit functions.php file :/

    Avatar of Tadziz
    Tadziz
    Participant

    @tadziz

    ok, tell me what i do wrong. in functions.php i add one more block of code and named it sidebar1:

    register_sidebars( 1,

    array(

    ‘name’ => ‘sidebar1′,

    ‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’,

    ‘after_widget’ => ‘</div>’,

    ‘before_title’ => ‘<h3 class=”widgettitle”>’,

    ‘after_title’ => ‘</h3>’

    )

    );

    i have create sidebar1.php and added this code:

    <div id=”sidebar1″>

    <div class=”padder”>

    <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(“sidebar1″) ) : ?>

    <?php endif; ?>

    </div><!– .padder –>

    </div><!– #sidebar1 –>

    in single.php between <?php get_header() ?> and <div id=”content”> i insert

    <?php locate_template( array( ‘sidebar1.php’ ), true ) ?>

    i can see in control panel widgets serction sidebar1 and i ca drag widgets to it, my page also have left side bar, but in it don’t show inserted widgets. you can see here http://www.shouty.lt

    what im doing wrong ?

    Avatar of Tadziz
    Tadziz
    Participant

    @tadziz

    I’m moving forward. Now i managed to get work sidebar but it only are visible in http://shouty.lt/about-2/ and also widget don’t work. How to to make it visible in all site, not only in that one page. And how to set it work , becouse now when i add Who’s Online Avatars widget it say that There are no users currently online but i’m online. Also widget don’t have style how to fix this error. Maybe nnow someone will help :/

    Avatar of flixya4gabby
    Ikenna
    Participant

    @flixya4gabby

    Hello, I did everything chris expalined to nickmy. But I can’t see any changes on my site. I have been looking way to do this, please someone should help me out here. I don’t know whether this is going to cause the problem. I deleted my functions.php file in my parent theme and moved it to the child theme. My site is working fine on the localhost, but I don’t know whether this would cause any bother to my site in the future. Guys help me out.

    Avatar of Paul Gibbs
    Paul Gibbs
    Keymaster

    @djpaul

    Hi. Can you make a new topic please, and detail what help you need? This topic hadn’t had a reply for almost two and half years, so I’m not very surprised that the old instructions may not work anymore. Thanks.

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

You must be logged in to reply to this topic.