Thursday, 08 November 2007

Removing the top position from the rhuk solarflare ii template 

Lots of people use the default joomla template for their websites. However, this has a nasty top position which is a bit difficult to remove unless you understand CSS really well. To remove the top position from the template, you need to do the following. 

You need to edit two files:

templates/rhuk_solarflare_ii/index.php
templates/rhuk_solarflare_ii/css/templates_css.css

In the index.php file find the following and delete it (or comment out)

Code:
<div id="top_inner">
<?php if ( mosCountModules( 'top' ) ) { mosLoadModules ( 'top' );
  } else {?>
<span class="error">Top Module Empty</span>
<?php }?> 
</div>
That removes the box. However, there is still a problem because it collapses other positions into it at this stage. Therefore, you need to edit the template CSS template_css.css file in the following two spots:
 
First, change the header width by finding
#header
and changing the width to 100%. You can choose to edit the height to suit your logo too.
Second, change the properties of the left modules so they stay in the right place by finding
#left_outer
and adding
clear:both;
somewhere between the {}
That's it, you have now completely eliminated the top module positions. For more information click here: understanding Joomla template positions.
Comments
Search RSS
Toilettissue  - Perfect   |134.226.1.xxx |2007-12-03 11:51:05
Worked great, thanks
astralfarmer  - easy   |72.155.2.xxx |2008-01-11 14:04:13
Thank you
apos  - PER-FECT   |195.167.92.xxx |2008-01-15 11:40:47
At last
someone who gave easy and working instructions!!!
THANX A LOT
really!!!
andy  - tried this - but my header col   |86.221.7.xxx |2008-02-06 15:38:35
Hi
Thanks for this - but I can't get it to work.
I tried following the
instructions and it gets rid of the top module (and the 'Top Module Empty'
text), but my header image disappears - I can see a small slither of something
at the top left and that's it.
Any ideas?
Ben  - thank you   |85.204.218.xxx |2008-04-04 05:42:15
great
jp  - border problem   |194.106.34.xxx |2008-05-11 14:24:05
Removing the top_outer div seems to kill the right-hand border for the whole
layout table/cell. Keeping the empty top_outer div made it work with no
problems.
Moose  - Cheers jp   |82.5.163.xxx |2008-05-22 15:34:45
jp's right; you ned to leave the top_outer div
DART Creations  - top outer div   |85.232.196.xxx |2008-05-22 16:27:54
Cheers guys, thanks for your input, I've updated the code to reflect your
suggestions.
DmitryRx7  - Worked Perfect!   |71.135.43.xxx |2008-06-18 06:58:38
Great instructions, very easy and worked great!
tesr  - fdsfd   |118.101.141.xxx |2009-05-17 01:45:30
Only registered users can write comments!

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

Last Updated ( Thursday, 22 May 2008 )