Joomla 1.6 Beez 20 Template – Where is the header image?

http://www.cmsmind.com/joomla-beez-20-template-where-is-header-image-customize-template/

After you install Joomla 1.6, the default active template is Beez 20 which is in your Joomla template directory.  The Beez20 template is clean and easy to navigate so I wanted to play around with the look of it.  First few things I noticed on the template and wanted to remove or change was:

1.  Remove the options at the top of the screen for font size – Bigger, Reset, Smaller.

2.  Remove/Change the blue Joomla banner across the front page that says “We are Volunteers”.

I know you might have the same issues as I, so here are some simple instructions on how to do the above.

1.  Remove the options at the top of the screen for font size – Bigger, Reset, Smaller.

a.   Go to the template directory in your Joomla installation, edit the file ‘templates/Beez_20/index.php‘.

Remove the following lines:

<script type=”text/javascript” src=”<?php echo $this->baseurl ?>/templates/Beez_20/javascript/md_stylechanger.js”></script>

…

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’); ?>’;

Change this line from:

<div id=”fontsize”></div>

TO:

<div id=”fontsize” style=”display:none”></div>

b.  Refresh your website.

2.  Remove/Change the Joomla banner across the front page that says “We are Volunteers”.

a.  If you created a banner, save it as ‘personal2.png

b.  Upload the file to your template images directory – “../templates/Beez_20/images/personal/personal2.png“‘

OR

c.  If you just want to change the name of the banner in your template code, it’s in your ‘personal.css’ file in your template directory.  Change the directory & filename on line 94:

.logoheader {
background: url(“../images/personal/personal2.png“) no-repeat scroll right bottom #0C1A3E;
color: #FFFFFF;
margin: 0 10px 0 !important;
min-height: 200px;
}

d.  Make sure the banner you created and saved as ‘personal2.png’ has the dimensions – 1060x288px and 96×96

3.  To Remove the white space at top of the Beez20 Template:

a.   Go to the template directory in your Joomla installation, edit the file ‘templates/beez_20/css/personal.css’

b.  Change this line from:

#all #header
{padding-top:8.0em;
}

to:

#all #header
{padding-top:0.0em;
}

c.  Save and refresh your Joomla 1.6 website.

Keep in mind these are changes for the Beez20 Joomla template.   If you need to make similar changes on other templates, the code might be on different lines and files.  Only make changes after you make a backup of the files and know what you are doing.

Thanks,

Elaine

Elaine@cmsmind.com