How to remove “Font size Bigger.Reset.Smaller” from the website created using Joomla 1.7?

Joomla is one of the world’ s most popular open source CMS (content management system) used to easily create & build a variety of websites & web-enabled applications.

This articles explains the steps to remove “Font size Bigger.Reset.Smaller” text from the website created by using Joomla 1.7 using beez2 template.

Step 1. Login to the site’s File Manager to access the files. For ex: If you use HostGator.com to host your website, access File Manager through cPanel to access the files.

Step 2. Goto the templates directory. You will find the names of available templates as directory names. For ex: beez_20, beez5, atomic etc.,

Step 3. Select the name of your template directory (in this case beez_20) and search for file index.php.

Step 4. Open the index.php file to edit, select UTF-8 as encoding, if it asks.

Step 5. Once you open the file, comment the following lines of code.

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

Step 6. Also search for the following line of code and comment it.

<div id="fontsize"></div>

Step 7. Once you made the changes; Save the changes and Refresh your webpage to get it reflected.