The Joomla! Forum ™

Download

Demo


Board index » Joomla! Older Version Support » Joomla! 1.0 » Templates & CSS - 1.0.x

Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 
  Print view Previous topic | Next topic 
Author Message
maff23uk
PostPosted: Tue Jun 30, 2009 7:19 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 17, 2007 11:00 am
Posts: 81
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!
Top
 Profile  
 
paulhookman
PostPosted: Tue Jun 30, 2009 9:39 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Mar 22, 2009 5:00 pm
Posts: 23
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:)
Top
 Profile  
 
maff23uk
PostPosted: Wed Jul 01, 2009 9:58 am 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 17, 2007 11:00 am
Posts: 81
Hi Paul,

May take some times as there are a lot of modules but sounds like the logical way to do it!

Thanks :)
Top
 Profile  
 
sawalsh07
PostPosted: Tue Jan 12, 2010 6:07 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon May 04, 2009 5:51 pm
Posts: 3
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:
Code:
div class="left-nav"><jdoc:include type="modules" name="left" style="table" /></div>

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:
Code:
table.moduletable {
   border: thin groove #999;
   margin-bottom: 20px;
}
Top
 Profile  
 
ezgman
PostPosted: Tue Feb 15, 2011 1:06 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Tue Feb 15, 2011 1:01 pm
Posts: 1
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...
Top
 Profile  
 
queenLateepha
PostPosted: Wed Jan 30, 2013 1:42 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sun Dec 23, 2012 4:00 pm
Posts: 3
sawalsh07 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:
Code:
div class="left-nav"><jdoc:include type="modules" name="left" style="table" /></div>

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:
Code:
table.moduletable {
   border: thin groove #999;
   margin-bottom: 20px;
}


Works fine...thanx loads 8) :D ;D :)
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 6 posts ] 


Board index » Joomla! Older Version Support » Joomla! 1.0 » Templates & CSS - 1.0.x

Who is online

Users browsing this forum: No registered users and 1 guest

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group