Topic: Three Columns · BuddyPress.org

Three Columns

@nickmy

Participant

14 years, 11 months ago

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)

@nickmy

Participant

14 years, 11 months ago

no idea?

@chrisbrocklesby

Participant

14 years, 11 months ago

I have the same question, any ideas guys…

@apeatling

Keymaster

14 years, 11 months ago

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

@chrisbrocklesby

Participant

14 years, 11 months ago

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…

@chrisbrocklesby

Participant

14 years, 11 months ago

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 {

@nickmy

Participant

14 years, 11 months ago

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

@nickmy

Participant

14 years, 11 months ago

no solution?

@itoube

Participant

14 years, 9 months ago

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;

}

@tadziz

Participant

14 years, 9 months ago

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

@marco72

Participant

14 years, 9 months ago

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.

@itoube

Participant

14 years, 9 months ago

@Tadziz,

http://www.blogohblog.com/adding-extra-sidebar-to-your-wordpress-theme/

@tadziz

Participant

14 years, 9 months ago

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

@tadziz

Participant

14 years, 9 months ago

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 ?

@tadziz

Participant

14 years, 9 months ago

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

@flixya4gabby

Participant

12 years, 5 months ago

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.

@djpaul

Keymaster

12 years, 5 months ago

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.