Joomla Templates Club 406,261 posts

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#144190

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

<div id="ja-containerwrap<?php echo $divid; ?>" class="clearfix">
<div id="ja-container"><div id="ja-container-innerpad" class="clearfix">

<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap" class="clearfix">

<div id="ja-content">

<jdoc:include type="message" />

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

<!-- BEGIN: JAZIN -->
<div id="jazin-fp">
<jdoc:include type="modules" name="ja-news" style="raw" />
</div>
<!-- END: JAZIN -->

<?php if($this->countModules('user6')) : ?>
<!-- BEGIN: BANNER -->
<div id="ja-tabwrap">
<jdoc:include type="modules" name="user6" style="raw" />
</div>
<!-- END: BANNER -->
<?php endif; ?>

<?php if($this->countModules('banner')) : ?>
<!-- BEGIN: BANNER -->
<div id="ja-banner">
<jdoc:include type="modules" name="banner" />
</div>
<!-- END: BANNER -->
<?php endif; ?>

</div>
</div>
<!-- END: CONTENT -->

<?php if ($ja_left || $ja_right || $ja_masscol) { ?>
<div id="ja-colwrap">

<?php if ($ja_masscol) { ?>
<!-- BEGIN: MASSCOL -->
<div id="ja-colmass" class="clearfix">
<div class="ja-innerpad">
<jdoc:include type="modules" name="user5" style="jamodule" />
</div>
</div>
<?php } ?>

<?php if ($ja_left) { ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<div class="ja-innerpad">

<?php if ($hasSubnav) : ?>
<div id="ja-subnav" class="moduletable_menu">
<h3>On this page</h3>
<div class="ja-boxct-wrap"><div class="ja-boxct">
<?php if ($jamenu) $jamenu->genMenu (1,1); ?>
</div></div>
</div>
<?php endif; ?>

<jdoc:include type="modules" name="left" style="jamodule" />

</div>
</div>
<!-- END: LEFT COLUMN -->
<?php } ?>

<?php if ($ja_right) { ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<div class="ja-innerpad">
<jdoc:include type="modules" name="right" style="jamodule" />
</div></div><br />
<!-- END: RIGHT COLUMN -->
<?php } ?>

</div>
<?php } ?>

</div></div></div>


and change to:


<div id="ja-containerwrap<?php echo $divid; ?>" class="clearfix">
<div id="ja-container"><div id="ja-container-innerpad" class="clearfix">
<?php if ($ja_left) { ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<div class="ja-innerpad">

<?php if ($hasSubnav) : ?>
<div id="ja-subnav" class="moduletable_menu">
<h3>On this page</h3>
<div class="ja-boxct-wrap"><div class="ja-boxct">
<?php if ($jamenu) $jamenu->genMenu (1,1); ?>
</div></div>
</div>
<?php endif; ?>

<jdoc:include type="modules" name="left" style="jamodule" />

</div>
</div>
<!-- END: LEFT COLUMN -->
<?php } ?>
<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap" class="clearfix">

<div id="ja-content">

<jdoc:include type="message" />

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

<!-- BEGIN: JAZIN -->
<div id="jazin-fp">
<jdoc:include type="modules" name="ja-news" style="raw" />
</div>
<!-- END: JAZIN -->

<?php if($this->countModules('user6')) : ?>
<!-- BEGIN: BANNER -->
<div id="ja-tabwrap">
<jdoc:include type="modules" name="user6" style="raw" />
</div>
<!-- END: BANNER -->
<?php endif; ?>

<?php if($this->countModules('banner')) : ?>
<!-- BEGIN: BANNER -->
<div id="ja-banner">
<jdoc:include type="modules" name="banner" />
</div>
<!-- END: BANNER -->
<?php endif; ?>

</div>
</div>
<!-- END: CONTENT -->

<?php if ($ja_left || $ja_right || $ja_masscol) { ?>
<div id="ja-colwrap">

<?php if ($ja_masscol) { ?>
<!-- BEGIN: MASSCOL -->
<div id="ja-colmass" class="clearfix">
<div class="ja-innerpad">
<jdoc:include type="modules" name="user5" style="jamodule" />
</div>
</div>
<?php } ?>

<?php if ($ja_right) { ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<div class="ja-innerpad">
<jdoc:include type="modules" name="right" style="jamodule" />
</div></div><br />
<!-- END: RIGHT COLUMN -->
<?php } ?>

</div>
<?php } ?>

</div></div></div>


+ Step 2: open templatesja_cooper_businesscsstemplate.css file

– find this code:

#ja-col1 {
float: left;
overflow: hidden;
width: 50%;
clear: both;
}

and change to:

#ja-col1 {
float: left;
overflow: hidden;
width: 20%;
clear: both;
}

– find following code:

#ja-col2 {
float: right;
overflow: hidden;
width: 49.9%;
}

and change to:

#ja-col2 {
float: right;
overflow: hidden;
width: 100%;
}

– find following code:

#ja-contentwrap {
clear: both;
display: block;
float: left;
width: 67%;
overflow: hidden;
}

and change to:

#ja-contentwrap {
display: block;
float: left;
width: 47%;
overflow: hidden;
}

Hope it helps.

[mainostakomo Friend mainostakomoJoin date: September 2008Posts: 5Downloads:0Uploads:0 Thanks: 3]

#328584

Hi!

This is not working.

When there is modules in both (left& right) colums it looks like this:

But when i publish modules only to the left colum, it looks like this:

And when i publish modules only to the right colum, it looks like this:

Please help!

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#328925

Hi mainostakomo

Please submit a ticket, send us your live url, admin account, ftp account, we will check and fix it for you

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#329029

Hi mainostakomo

For your issue, please open template.css file, add following code to the end of file:

#ja-containerwrap-c #ja-col1 {
width: 20%;
}

1 user says Thank You to JA Developer for this useful post

1. mainostakomo

[Author]

Posts