How to add space between modules
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
-
- Joomla! Intern
- Posts: 84
- Joined: Tue Apr 17, 2007 11:00 am
How to add space between modules
Hi all,
I was wondering if anybody knew how to add space between modules? If you look at the modules in the left and right columns of my site template - (http://www.ei-resource.org) - the modules are almost on top of each other. I want space between the bottom of one module and top of the next to make things look clearer and less cluttered.
Thanks!
I was wondering if anybody knew how to add space between modules? If you look at the modules in the left and right columns of my site template - (http://www.ei-resource.org) - the modules are almost on top of each other. I want space between the bottom of one module and top of the next to make things look clearer and less cluttered.
Thanks!
-
- Joomla! Apprentice
- Posts: 23
- Joined: Sun Mar 22, 2009 5:00 pm
Re: How to add space between modules
find the module you want to leave a few lines under for example mod_mainmenu.php script. If you open that with a text editor you will see where it has some html code to display the content i.e.
if ( $spacer_end ) {
echo '<span class="'. $menuclass .'"> '. $spacer_end .' </span>';
}
echo '</td>';
echo '</tr>';
echo '</table>';
when you see the end of the html code, try adding some spacers
<p> for a large space
<br> for a small space
Just save your original so you can go back if you err.
good luck:)
if ( $spacer_end ) {
echo '<span class="'. $menuclass .'"> '. $spacer_end .' </span>';
}
echo '</td>';
echo '</tr>';
echo '</table>';
when you see the end of the html code, try adding some spacers
<p> for a large space
<br> for a small space
Just save your original so you can go back if you err.
good luck:)
-
- Joomla! Intern
- Posts: 84
- Joined: Tue Apr 17, 2007 11:00 am
Re: How to add space between modules
Hi Paul,
May take some times as there are a lot of modules but sounds like the logical way to do it!
Thanks
May take some times as there are a lot of modules but sounds like the logical way to do it!
Thanks
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon May 04, 2009 5:51 pm
Re: How to add space between modules
This can definitely be done much more easily by editing your CSS!
First, figure out what 'style' your module uses. Go to the index.php file for your template and find the code that calls the module position. Example:
In this case the style is 'TABLE'. Find in your CSS file(s) where to make edits. For table style menus, look for CSS entry 'table.moduletable', for style 'XHTML' it's 'div.moduletable', and for 'rounded' it's 'div.module'.
Add something like 'margin-bottom: 20px;' under the correct CSS entry. My CSS:
First, figure out what 'style' your module uses. Go to the index.php file for your template and find the code that calls the module position. Example:
Code: Select all
div class="left-nav"><jdoc:include type="modules" name="left" style="table" /></div>
Add something like 'margin-bottom: 20px;' under the correct CSS entry. My CSS:
Code: Select all
table.moduletable {
border: thin groove #999;
margin-bottom: 20px;
}
-
- Joomla! Fledgling
- Posts: 1
- Joined: Tue Feb 15, 2011 1:01 pm
Re: How to add space between modules
With a lot of searching I found a way to + or - the white space between modules using the template.css file. This works with the rocketheme templates...
It's call: --- .rt-shadowbar {height: 18px;} --- All you have to do is change the PX size to your liking...
hope this helps...
It's call: --- .rt-shadowbar {height: 18px;} --- All you have to do is change the PX size to your liking...
hope this helps...
-
- Joomla! Fledgling
- Posts: 3
- Joined: Sun Dec 23, 2012 4:00 pm
Re: How to add space between modules
Works fine...thanx loadssawalsh07 wrote:This can definitely be done much more easily by editing your CSS!
First, figure out what 'style' your module uses. Go to the index.php file for your template and find the code that calls the module position. Example:In this case the style is 'TABLE'. Find in your CSS file(s) where to make edits. For table style menus, look for CSS entry 'table.moduletable', for style 'XHTML' it's 'div.moduletable', and for 'rounded' it's 'div.module'.Code: Select all
div class="left-nav"><jdoc:include type="modules" name="left" style="table" /></div>
Add something like 'margin-bottom: 20px;' under the correct CSS entry. My CSS:Code: Select all
table.moduletable { border: thin groove #999; margin-bottom: 20px; }
-
- Joomla! Apprentice
- Posts: 5
- Joined: Fri May 16, 2014 5:16 pm
- Location: Belgium
add vertical space between blog posts
to add vertical space between blog posts:
in template protostar > css > template.css,
lookup item ".page-header"
+ add "padding-top: 40px;" or whatever ..px
in template protostar > css > template.css,
lookup item ".page-header"
+ add "padding-top: 40px;" or whatever ..px
- leolam
- Joomla! Master
- Posts: 20652
- Joined: Mon Aug 29, 2005 10:17 am
- Location: Netherlands/ Germany/ S'pore/Bogor/ North America
- Contact:
Re: How to add space between modules
How somebody still 'dares' to use Joomla 1.x for it's online presence is a miracle for me
Leo
Leo
Joomla's #1 Professional Services Provider:
#Joomla Professional Support: https://gws-desk.com -
#Joomla Specialized Hosting Solutions: https://gws-host.com -
#Joomla Professional Support: https://gws-desk.com -
#Joomla Specialized Hosting Solutions: https://gws-host.com -