Regions grids

You can use 12, 16, 24, these are all divisible by 4

1) just edit yourtheme.info, turn on grid
2) edit regions.php, add values to grid for sidebars

for regions, create custom regions in regions.php

like, column1, column2, column3, column4, give each grid => 3 value

then on page.tpl.php, you do like

<div class="wrapper-column">
  <?php print $column1_region; ?>
  <?php print $column2_region; ?>
  <?php print $column3_region; ?>
  <?php print $column4_region; ?>
</div>

you can also do that on blocks in 1 region, have 4 blocks in 1 wide region, just add necessary grid classes.

is it online? I can only help you further if I can see it.

Btw, did you turn on the grids on yourtheme.info?

Hi,

add clearfix to wrapper:

<div class="wrapper-column clearfix">
        <div class="region region-bottom-first grid-4" id="bottom-first">
        <div class="region region-bottom-second grid-4" id="bottom-second">
        <div class="region region-bottom-third grid-4" id="bottom-third">
</div>

add this to your css:

.wrapper-column .region { float: left; margin: 0 10px; }
.wrapper-column .region-bottom-first { margin-left: 0; }
.wrapper-column .region-bottom-third { margin-right: 0; }

Hi,

the same thing actually applies, you just have to put on the new regions:

regions.tpl.php, grid = 6

and the css, you just have to rename the classes to the new the regions, but basically same properties, like the float, margins

on 24, the margins would be just 5px instead of 10px