Joomla Templates Club 406,261 posts

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#144253

Step 1: Open templates/ja_ruby/index.php file, at about line 170, find following code:


<!-- CONTAINER -->
<div id="ja-container<?php echo $divid; ?>" class="wrap">

<div class="main clearfix">

<!-- CONTENT -->
<div id="ja-content" class="w1">
<div class="ja-box-br"><div class="ja-box-bl"><div class="ja-box-tr"><div class="ja-box-tl clearfix">

<div id="ja-current-content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>

<?php if ($this->countModules('banner') ) { ?>
<div id="banner">
<jdoc:include type="modules" name="banner" />
</div>
<?php } ?>

</div></div></div></div>
</div>
<!-- //CONTENT -->

<?php if ($ja_left || $ja_right || $ja_colmass) { ?>
<!-- COLUMNS -->
<div id="ja-cols" class="w2">
<div class="inner">

<?php if ($ja_colmass) { ?>
<div id="ja-colmass">
<jdoc:include type="modules" name="colmass" style="rounded" />
</div>
<?php } ?>

<?php if ($ja_left) { ?>
<div id="ja-col1" class="w2-1">
<div class="inner">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
</div>
<?php } ?>

<?php if ($ja_right) { ?>
<div id="ja-col2" class="w2-2">
<div class="inner">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
</div>
<?php } ?>

</div>
</div>
<!-- //COLUMNS -->
<?php } ?>

</div>

</div>
<!-- // CONTAINER -->


and change to:


<!-- CONTAINER -->
<div id="ja-container<?php echo $divid; ?>" class="wrap">

<div class="main clearfix">
<?php if ($ja_left) { ?>
<div id="ja-col1" class="w2-1">
<div class="inner">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
</div>
<?php } ?>
<!-- CONTENT -->
<div id="ja-content" class="w1">
<div class="ja-box-br"><div class="ja-box-bl"><div class="ja-box-tr"><div class="ja-box-tl clearfix">

<div id="ja-current-content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>

<?php if ($this->countModules('banner') ) { ?>
<div id="banner">
<jdoc:include type="modules" name="banner" />
</div>
<?php } ?>

</div></div></div></div>
</div>
<!-- //CONTENT -->

<?php if ($ja_right ) { ?>
<div id="ja-col2" class="w2-2">
<div class="inner">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
</div>
<?php } ?>

</div>

</div>
<!-- // CONTAINER -->


+ Step 2: open template.css file

– find this code:


.w2-1 {
float: left;
width:50%;
}

and change to:


.w2-1 {
float: left;
width: 17%;
}

– find following code:


.w2-2 {
float: right;
width: 50%;
}

and change to:


.w2-2 {
float: right;
width: 17%;
}


Hope it helps.
p/s: If you convert to left + body + right, You can’t use colmass

1 user says Thank You to Css Magician for this useful post

1. JA Developer

[Author]

Posts