Hey there,
I recently purchased a template for joomla but I'm having such a hard time modifying its layout which is simply based on CSS.
The code I'm about to post shows exactly how the template is; content on the left, left and right columns are both on the right. [SEE ATTACHED IMAGE]
<div id="el-containerwrap<?php echo $divid; ?>">
<div id="el-container">
<div id="el-container-inner" class="clearfix">
<!-- BEGIN: CONTENT -->
<div id="el-content">
<jdoc:include type="message" />
<div id="el-current-content">
<jdoc:include type="component" />
</div>
<?php
$spotlight = array ('user1','user2','user6');
$botsl1 = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $botsl1 ) {
?>
<!-- BEGIN: BOTTOM SPOTLIGHT 1 -->
<div id="el-botsl1" class="clearfix">
<?php if( $this->countModules('user1') ) {?>
<div class="el-box<?php echo $botsl1['user1']['class']; ?>" style="width: <?php echo $botsl1['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php } ?>
<?php if( $this->countModules('user2') ) {?>
<div class="el-box<?php echo $botsl1['user2']['class']; ?>" style="width: <?php echo $botsl1['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php } ?>
<?php if( $this->countModules('user6') ) {?>
<div class="el-box<?php echo $botsl1['user6']['class']; ?>" style="width: <?php echo $botsl1['user6']['width']; ?>;">
<jdoc:include type="modules" name="user6" style="xhtml" />
</div>
<?php } ?>
</div>
<!-- END: BOTTOM SPOTLIGHT 1 -->
<?php } ?>
<?php if( $this->countModules('user7') ) {?>
<!-- BEGIN: BOTTOM SPOTLIGHT 2 -->
<div id="el-botsl2" class="clearfix" <?php if( $botsl1 ) { ?>style="margin-top: 20px;"<?php } ?>>
<div class="el-box" style="width: 100%;">
<jdoc:include type="modules" name="user7" style="xhtml" />
</div>
</div>
<!-- END: BOTTOM SPOTLIGHT 2 -->
<?php } ?>
<?php if($this->countModules('banner')) : ?>
<!-- BEGIN: BANNER -->
<div id="el-banner">
<jdoc:include type="modules" name="banner" />
</div>
<!-- END: BANNER -->
<?php endif; ?>
</div>
<!-- END: CONTENT -->
<?php if ($el_left || $el_right) { ?>
<!-- BEGIN: COLUMNS -->
<div id="el-colwrap">
<?php if ($el_left) { ?>
<div id="el-col1">
<div class="el-innerpad">
<?php if ($hasSubnav) { ?>
<div id="el-subnav" class="moduletable_menu">
<h3>On this page</h3>
<?php $jamenu->genMenu (1,1); ?>
</div>
<?php } ?>
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php } ?>
<?php if ($el_right) { ?>
<div id="el-col2">
<div class="el-innerpad">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php } ?>
</div><br />
<!-- END: COLUMNS -->
<?php } ?>
</div></div></div>
What I wanna do is make the content section in the middle, the right column on the right and the left column on the left, just like any normal portal. I've tried everything but didn't work, can you please guide me through.
Thanks.