Hi Kris
Right to start off open your templates index.php (../templates/j51_mountainpine/index.php)and locate the following...
<style type="text/css">
#sidecol {width: <?php echo ($sidecol_width); ?>px }
#content80 {width: <?php echo 865 - $sidecol_width ?>px }
<?php if($this->params->get('col_pos') == 'col_l') : ?>
#content80 {float:right; padding-right:25px; padding-left:0px;}
#sidecol {float:left; padding:0 0px 0 25px;}
<?php else : ?>
#content80 {float:left; padding-right:0px; padding-left:25px;}
#sidecol {float:right; padding:0 25px 0 0px;}
<?php endif; ?>
</style>
And replace with...
<style type="text/css">
#content80 {width:880px; padding-left:26px;}
/*--Check and see what modules are toggled on/off then take away columns width, margin and border values from overall width*/
<?php if($this->countModules( 'sidecol-a') >= 1 && $this->countModules('sidecol-b') >= 1) : ?>
#content80 {width:464px; float:right; padding:0; }
<?php elseif($this->countModules('sidecol-a') >= 1 && $this->countModules('sidecol-b') == 0) : ?>
#content80 {width:670px; float:right; padding:0 38px 0 0;}
<?php elseif($this->countModules('sidecol-a') == 0 && $this->countModules('sidecol-b') >= 1) : ?>
#content80 {width:670px }
<?php endif; ?>
#sidecol_a {float:left; width:220px; padding-left:14px}
#sidecol_b {float:right; width:220px; padding-right: 12px;}
</style>
Further down the same file locate the following..
<?php if ($this->countModules( 'sidecolumn' )) : ?>
<div id="sidecol">
<div class="sidecol_block">
<jdoc:include type="modules" name="sidecolumn" />
</div>
</div>
<?php endif; ?>
And replace with...
<?php if ($this->countModules( 'sidecol-a' )) : ?>
<div id="sidecol_a"><div id="sidecol">
<div class="sidecol_block">
<jdoc:include type="modules" name="sidecol-a" style="j51_module" />
</div>
</div></div>
<?php endif; ?>
<?php if ($this->countModules( 'sidecol-b' )) : ?>
<div id="sidecol_b"><div id="sidecol">
<div class="sidecol_block">
<jdoc:include type="modules" name="sidecol-b" style="j51_module" />
</div>
</div></div>
<?php endif; ?>
After that you will have created two sidecolumn module positions '
sidecol-a' for the left column and '
sidecol-b' for the right column. Note that these will not be listed in the positions dropdown of the modules parameters so simply just type them in to the same field.
Both left and right module positions should be collapsible.
Ciarán