Skip to:
Content
Pages
Categories
Search
Top
Bottom

Re: Three Columns


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…

Skip to toolbar