Skip to content

dart-creations.com

Advertisement
Home arrow Joomla arrow Joomla Tutorials arrow Removing the top position from the rhuk solarflare ii template

Print E-mail

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_outer">
<div id="top_inner">
<?php
 if ( mosCountModules( 'top' ) ) {
 mosLoadModules ( 'top' );
  } else {
?>
<span class="error">Top Module Empty</span>
<?php
 }
?>
 </div>
</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
Add NewSearchRSS
Toilettissue - Perfect IP:134.226.1.229 | 2007-12-03 05:51:05
Worked great, thanks
astralfarmer - easy IP:72.155.2.50 | 2008-01-11 08:04:13
Thank you
apos - PER-FECT IP:195.167.92.134 | 2008-01-15 05:40:47
At last
someone who gave easy and working instructions!!!
THANX A LOT really!!!
andy - tried this - but my header col IP:86.221.7.28 | 2008-02-06 09: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 IP:85.204.218.149 | 2008-04-03 23:42:15
great
jp - border problem IP:194.106.34.208 | 2008-05-11 08: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.
Write comment
Name:
Title:
Security Image
 

Subscribe to our feed


RSS Feed

DART Creations - Joomla Tutorials, Tips and Tricks and more...

Joomla Tips

DART Creations Joomla Tips, Tricks, tutorials and general Joomla help

Sponsors

Buy us a beer!

Lots of time and effort goes into creating and maintaining this site. If we've helped you, consider buying a beer. It will inspire us to keep on giving! Thanks! (€3)






Cheers ;)