- Posts: 51
- Thank you received: 1
Chaning width of module positions 5-8
-
JTGlenn1
Inactive member - Topic Author
- Member
Less
More
12 years 6 months ago #20121
by JTGlenn1
Chaning width of module positions 5-8 was created by JTGlenn1
I'm currently using 3 modules in the bottom of my website, my client wants to reduce to 2, but keep the last module the same size. The disign of the template allocates equal percentages based on the number of modules used.
I would like to remove module positions user 5 & 6 from the template and only use 7 & 8. For position 7 I would like for it to be 66% and position 8 to be 34%. Is the easily accomplished? I'm not Joomla expert, but can usually figure things out with a little help.
I would like to remove module positions user 5 & 6 from the template and only use 7 & 8. For position 7 I would like for it to be 66% and position 8 to be 34%. Is the easily accomplished? I'm not Joomla expert, but can usually figure things out with a little help.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 6 months ago #20128
by ivan.milic
Replied by ivan.milic on topic Chaning width of module positions 5-8
In index.php of template:
you see <div class="modulerow.... four times modify each like this:
<div class="bottomX modulerow....
where X is 1-4, then is layout.css add:
.bottom1{
width:33%!important;
}
.bottom2{
width:66%!important;
}
Code:
<div class="bottom">
<?php if($showuser[5]) { ?>
<div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user5" style="rounded" /></div>
<?php } if($showuser[6]) { ?>
<div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user6" style="rounded" /></div>
<?php } if($showuser[7]) { ?>
<div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user7" style="rounded" /></div>
<?php } if($showuser[8]) { ?>
<div class="modulerow<?php echo $bottommodules; ?>"><jdoc:include type="modules" name="user8" style="rounded" /></div>
<?php } ?>
<div class="clr"></div>
</div>
you see <div class="modulerow.... four times modify each like this:
<div class="bottomX modulerow....
where X is 1-4, then is layout.css add:
.bottom1{
width:33%!important;
}
.bottom2{
width:66%!important;
}
The following user(s) said Thank You: JTGlenn1
Please Log in to join the conversation.
Time to create page: 0.174 seconds