tel: +2348055401551 (sms, whatsapp)
skype: tokunboajewole

Joomla Beez20 tutorial-3: remove font-resizer, search box and top white space

In this lesson, I'll explain how to remove the font-resizer and search module, and the white-space left at the top. I'll also explain how to edit the header image.

a) REMOVE FONT RESIZER AND SEARCH BOX:

font

 

If the search module is unpublished(position-0), the font-resizer adjusts to the right. To remove the font resizer, open index.php and comment out the following block of code:

 <script type="text/javascript"> 
 var big ='params->get('wrapperLarge');?>%';
 var small='params->get('wrapperSmall'); ?>%';
 var altopen='TPL_BEEZ2_ALTOPEN', true); ?>';
 var altclose='TPL_BEEZ2_ALTCLOSE', true); ?>';
 var bildauf='baseurl ?>/templates/template; 
?>/images/plus.png'; var bildzu='baseurl ?>/templates/template;
?>/images/minus.png'
; var rightopen='TPL_BEEZ2_TEXTRIGHTOPEN', true); ?>'; var rightclose='TPL_BEEZ2_TEXTRIGHTCLOSE', true); ?>'; var fontSizeTitle='TPL_BEEZ2_FONTSIZE', true); ?>'; var bigger='TPL_BEEZ2_BIGGER', true); ?>'; var reset='TPL_BEEZ2_RESET', true); ?>'; var smaller='TPL_BEEZ2_SMALLER', true); ?>'; var biggerTitle='TPL_BEEZ2_INCREASE_SIZE', true); ?>'; var resetTitle='TPL_BEEZ2_REVERT_STYLES_TO_DEFAULT',
true); ?>'
; var smallerTitle='TPL_BEEZ2_DECREASE_SIZE', true); ?>'; script>

 

Scroll down and find a line that looks like this:

<div id="fontsize">div>

Comment it out.

Save Index.php. Refresh your browser to see the changes applied.

b) REMOVE WHITE SPACE:

A white space is left at the top (previously occupied by the search module and font-resizer. To remove this white space, add this(below) to your override.css file.

#header { 
    margin-top: -55px;
}

The above(reference line#40 in position.css) clears the top’s white space and leaves just a little white space at the top of the page. Here is how the top of my page looks like now:

fon2

Comments   

 
0 #1 decency08 2013-09-30 22:44
I could not get this. I ve created the overide file; sent same to css folder of Beez_20 template folder. Edited index.php in the folder. The white space is not off yet. Kindly walk me through further on how to achieve this
Quote
 

Add comment


Security code
Refresh

I use Linux 24x7

Recent Comments