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

by Elaine on January 31, 2011

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

 Joomla 1.6 Beez 20 Template   Where is the header image?

Elaine

Elaine is the founder of CmsMind, an online blog providing Joomla and Wordpress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

{ 121 comments… read them below or add one }

Treg February 6, 2011 at 5:52 pm

What does line 92 look like in “personal.css”

Reply

Enzolina February 7, 2011 at 6:16 pm

Hi Treg,
Actually I just looked at the code again and you don’t need to touch the personal.css file. By following the above to remove the code from the index.php you will be able to remove the different font sizes available on the template.
Thanks,
Elaine

Reply

Rick Carney October 18, 2011 at 7:53 pm

Elaine,
in regards to the Remove the options at the top of the screen for font
size – Bigger, Reset, Smaller. Can you revise your instructions to do this in Beez_20 Joomla 1.7?
I followed the steps you laid out starting with Remove the following lines:

<script type=”text/javascript” src=”baseurl ?>/templates/beez_20/javascript/md_stylechanger.js”>
the only line that I could find resembling this one is:

<script type="text/javascript" src="baseurl ?>/templates/beez_20/javascript/hide.js”>

I deleted this then went on to delete the following:

var fontSizeTitle=’’;
var bigger=’’;
var reset=’’;
var smaller=’’;
var biggerTitle=’’;
var resetTitle=’’;
var smallerTitle=’’;
I then changed this line from:

TO:

saved and refreshed my site, and the results were that the resizers are gone but replaced by undefined undefined undefined undefined

Any ideas? I’d also like to remove the search box adjacent to the resizers?

I appreciate your time. Thanks,
Rick

Reply

Leo March 27, 2012 at 7:12 am

The same problem here. When I removed this ” ” it was settled. Good Luck.

Reply

Leo March 27, 2012 at 7:13 am

this line must be removed.

Leo March 27, 2012 at 7:15 am

div id=”fontsize”></div the whole line must be removed.

Reply

Tiota February 14, 2011 at 4:27 pm

Where is exactly can I find index.php file ? I really need help on this………

Reply

Enzolina February 15, 2011 at 6:58 pm

Hi Tiota,

You can find the index.php in your Beez_20 template directory.

Joomla1_6/templates/beez_20/index.php

Hope that helps,
Elaine

Reply

Roland February 19, 2011 at 7:09 pm

Hi
I have the problem that I cannot cancel the Joomla Icon and Text in the header !!!!!!

My personal header is fine but it is overridden by the Joomla Logo

Can somebody help me

Roland

Reply

Roland February 20, 2011 at 7:36 am

Hello again
Itried to anylise the Sourcecode produced for the website which is open the time being, to show you the effect.
First a full black header is produce – 2nd my own header ist an overlay and shown on top and
last a jommla_black[1].gif is loaded on top of my own logo and last but not least the words “open content…..” is added as normal text.

So far so good – BUT i cannot find a possibility to stop the presentation of the joomla_black.gif or the text , I not even find the joomla_black.gif file within the template folders !!!!

regards
Roland

Reply

Theo February 21, 2011 at 8:08 pm

Hi. I have a question. How do I change the header in the template jm-rainbow. I’m having trouble changing the header.I really need help on this. tnx.

Reply

elaine February 22, 2011 at 12:35 am

Hi Theo,

I created a post for you to help you change your header in your template JM-Rainbow. Check it out here. I assumed that you are using the Joomla 1.6 free template. I hope this helps.

Elaine

Reply

Roland February 22, 2011 at 10:35 am

First step solved
I found the graph with the Joomla Logo Joomla_black[1].gif, it can be found NOT within the template imagesfolder, but within the images-folder of joomla 1.6, now I could cancel the joomla image overwriting my header-logo !!! Hurray
BUT UNFORTUNATELY

still left is the text “”Open Source Content……..”” this is NOT a graph but a text mightbe produced by a javascript BUT where to find ???

Again You’ll find the new effect AND I still need help.

Roland

Reply

Enzolina February 22, 2011 at 4:09 pm

Hi Roland,

Sorry for the late reply. You might have made changes to your template advanced options. See if you have the Site title, site description filled out:
Go to your template manager.
Click on Beez 20 link, under the advanced options on the right side
There are 2 options – Site title and site description.

Hope that helps,
elaine

Reply

Les May 29, 2012 at 2:30 pm

I’m finding this post very useful Elaine, but I also have the problem of ‘Joomla! Open Source Content Management’ overwriting my (own) Personal2 image, and I cannot find the ‘advanced options’ in my Joomla 2.5 template manager.
Am I looking in the wrong place, I wonder?
Thanks.
Les

Reply

natan February 27, 2011 at 4:43 am

thanks !

It helps me :)

Reply

Enzolina February 27, 2011 at 6:58 am

Hi Natan,

Thanks for visiting and glad that the post helped you.

All the best,
Elaine

Reply

isaac March 2, 2011 at 9:50 am

hi !
success at the step 1 (Remove the options at the top of the screen for font size).
now I need to remove the big white space (where those options were located).
what should I edit in the code ?
thanks in advance !

Reply

Wayne March 15, 2011 at 4:28 am

Still can’t get rid of “We are volunteers”. I edited the personal2.png and removed the volunteer statement, copied it back to the website and yet the phrase still appears, even though it is not in the pers2.png. Any ideas?

Reply

enzolina March 15, 2011 at 5:09 am

Hi Wayne,

Check if you made changes to your template advanced options. See if you have the Site title, site description filled out:

Go to your template manager.
Click on Beez 20 link, under the advanced options on the right side
There are 2 options – Site title and site description.

Hope that helps,
elaine

Reply

Wayne March 15, 2011 at 6:01 am

Solved that. Thanks Elaine.

Now I am struggling with the formatting of this section. I have place the title in the personal2.png – centered vertically. Somehow it is moved to the top on the site even though that is no the way it appears in the png. How can I get it to move further down in the blue area? I cannot get it to move down when I leave the website title box empty.

Reply

Wayne April 3, 2012 at 4:03 am

For the tenth time the We arevoluntweers’ is back after upgrading. I have edited the personal .css with no change. Why is my personal 2.png continually overwritten with this. It is my image, with the phrase inserted on the top right. How do I get rid of it in Joomla 2.5.4. This is getting quite irritating.

Reply

Wayne April 3, 2012 at 4:21 am

Good thing I keep a copy of my website off line. I had to upload my personal2.png yet again. It is annoying to have things changed in updates and upgrades. I wish they would leave my files and setting alone. Just improve the software.

Reply

Sacha March 28, 2011 at 10:51 am

Hello Enzolina!
Firstable, thank you for this article, it helped me a lot.
I have removed the options at the top of the screen for font size Bigger, Reset, Smaller, but now the problem is that i don’t know how to remove the empty space left at the top of the website. There is now a useless empty space i d like to remove.
Sorry for my english

Peace.
Sacha.

Reply

Elaine March 31, 2011 at 10:06 pm

Hi Sacha,
I’ve updated the post.
Let me know if that works for you. Thanks for your visit.
Elaine

Reply

joomlooma April 11, 2011 at 1:21 pm

Please update the empty space elain. I was almost there and then the code is missing from your post…

Reply

Elaine April 12, 2011 at 2:22 am

Hi Joomlooma,
I updated the post to remove the empty space in the Beez20 template. Hope that helps.
Thanks for your visit,
Elaine

Reply

Tamar April 30, 2011 at 4:40 pm

Thank you!

Reply

christoph May 6, 2011 at 5:07 pm

Hello…
I have 3 days experience with Joomla 1.6…
I am developing on my localhost.
I have changed your code as specified, but issues remain.
By removing the “larger, reset, smaller” code, the test has simply changed to “undefined” for each.

I then removed the the whole block of text, and the three still remain on the page, including the divider lines between the text.

Here is what I have removed both lines on top and all 7 lines on the bottom:

<script type=”text/javascript” src=”baseurl ?>/templates/Beez_20/javascript/md_stylechanger.js”>

var fontSizeTitle=’’;
var bigger=’’;
var reset=’’;
var smaller=’’;
var biggerTitle=’’;
var resetTitle=’’;
var smallerTitle=’’;

Here is what I have changed, per instructions:
Change this line from:

TO:

I am using Joomla 1.6.

Any help would be appreciated…Thank you in advance.
Christoph

Reply

Jeff May 10, 2011 at 11:34 pm

I can remove the white space put the top menu is now floating in the middle of the header logo. The top menu didn’t move up with the header image.

Any thoughts?

Reply

Rey June 5, 2011 at 6:52 pm

I am having exactly the same problem. Can anyone help with this please?

Reply

Oleg June 14, 2011 at 3:56 pm

Me too. I followed all the instructions and got a lot of white space at the top of the site.

Find the following in personal.css file:

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

Change 8 to 3 to move header logo higher.
Then find this:

#header ul.menu
{
/* top:62px; */
top:6em;

and change 6 to 0 to move the top menu to the highest position.
Worked for me.

Elaine: if this is a good solution (I’m no expert), it might help the others. See if it’s a good idea to update the post with this. In any case, thank you for absolutely great collection of advice on Joomla tweaking!

Reply

Poy August 29, 2011 at 10:30 am

Hi Oleg, I did try your way too but it appeared that the search box was gone. Any suggestion?
Thanks

Reply

willow May 12, 2011 at 4:15 am

Hello, I have followed all of the steps for removing white space, deleting font size–bigger, reset, smaller, and removing Joomla logo from Beez20.

I customized the personal2.png banner and moved the scrolls at the bottom to the top, plus added my own banner across the front page that says “Imagine–Create.” I loaded this to my website with File Manager and it said it overwrote the personal2.png banner, which it appears that it did. Except, the wavy section is still at the bottom of the personal2.png banner, the text is higher that it appears in my graphics program, and the logo “Imagine–Create” is chopped off, so that all that shows is Create.

Is there something else I need to change to fix this? Thanks.

Reply

Elaine May 12, 2011 at 11:29 am

Hi Willow,
I was looking at the Personal2.png file and comparing it with yours and if notice their “We are Volunteers” is near the bottom of the ribbon area. Closer to the edge. The wavy part is still in your image. You need to use photoshop or some image editing software to replace that part of your image.
Hope that helps,
Elaine

Reply

Michael May 17, 2011 at 1:07 am

I removed the blank space, which contained the fontsize links, by changing:
#header ul.menu
{ top:5em;

Into:
#header ul.menu
{top:0em;

Reply

kyle May 24, 2011 at 1:10 pm

How do you find the personal2.png? I figured it would be under the media manager, but no such luck.

I’ve created a new banner, but now I’m not sure where to put it.

Reply

Elaine May 24, 2011 at 1:31 pm

Hi Kyle,

You are right, my post is a little confusing. Use your FTP manager and place your banner here:

../templates/beez_20/images/personal/personal2.png

I will update my post. thanks for your visit,
elaine

Reply

Sean May 25, 2011 at 6:38 am

Hi Elaine,

Thanks for the great guide, it helped me alot!

I was wondering if you might possibly know how to make the “logo” clicakable back to the homepage on the beez 20 template? I was wondering if you maybe had an idea??

Thanks!!

Reply

Elaine May 25, 2011 at 10:42 am

Hi Sean,
I’m creating a post for you and should be up by end of the day.
Thanks for your visit!
elaine

Reply

Elaine May 25, 2011 at 1:21 pm

Hi Sean,
I created a post for you. You can find the post here - How to Make Beez20 logo clickable.
Try it out and let me know how it goes.
Thanks!
elaine

Reply

jocelyn May 27, 2011 at 1:02 pm

hi,
i’d like to remove the we are volunteers on my header.
Thanks in advance.

Reply

Elaine May 27, 2011 at 1:23 pm

Hi Jocelyn,
The “We are volunteers” on your header is part of the banner in your templates folder. The file name is:
templates/beez_20/images/personal/personal2.png
You can either delete/rename the file and the banner will be gone.
Thanks for your visit,
elaine

Reply

ray June 5, 2011 at 8:29 pm

Hi elaine:
thanks for your info. rer: JOOMLA! 1.6
I tried to use media manager to upload one of my images…
but it does not work…and I believe that my images must be on my host’s server
instead on my PC…this is a flaw of 1.6 as I could easily upload images in JOOMLA! 1.5
another problem(?)…I cannot create a new folder when I click on CREATE FOLDER…
and I cannot change located in the box above CREATE FOLDER button…
what can I do?
Regards,
Ray

Reply

Elaine June 5, 2011 at 9:17 pm

Hi Ray,
What error message are you getting when you try to create a folder? Have you tried to upload your image into the /images directory? If you did the link should be
http://www.yourdomainname.com/images/whateverfilename.jpg
Also I’m creating a post for you on how to create a folder in Joomla 1.6 using the Media manager, hope that will help you. Click here to view the post.
Thanks for your visit,
elaine

Reply

Suman June 10, 2011 at 6:25 pm

Thanks for above three tips. But doing so My top menu bar is now in the middle of the banner. Can you give some tips to adjust the menubar position? Is it true that the relative position of banner and menubar is independent of screen size? Thanks in advance

Reply

G June 15, 2011 at 2:21 pm

Hi Elaine,
I would like to do three things in my website,
* Remove the text open source content management in the top banner part of my website.
* Remove the text Powered by joomla in the bottom of the webpage.
* Change the icon logo that appears on the webpage at the address bar.

Waiting for your reply.. Thanks in advance :-)

Reply

Elaine June 15, 2011 at 3:44 pm

Hi G,
I will try to get your posts created by end of the week.
thanks for your visit,
elaine

Reply

Elaine June 16, 2011 at 3:59 pm

Hi G,
I’ve created a post for all 3 of your requests.
Remove the text open source content management in the top banner part of my website. – click here to read my post.
Remove the text Powered by joomla in the bottom of the webpage. – click here to read my post.
Change the icon logo that appears on the webpage at the address bar. - click here to read my post.
Thanks,
elaine

Reply

Christian NOCQUE June 20, 2011 at 11:08 pm

Merci pour les infos, c’est bien pratique lorsque l’on est un peu perdu dans les templates et leurs programmations.
j’ai du mal à repérer les positions dans le template, la commande ?tp=1 ne fonctionne pas avec mon nouveau site..? y a t’il un moyen d’avoir des infos autrement..?

un grand merci pour toute cette aide.
Christian

Reply

Elaine June 20, 2011 at 11:26 pm

Hi Christian,
I don’t understand french, BUT i used google translate to understand what you wrote. Have you activated the settings ‘ preview module positions’ in your template? Click here to read the post.
Hope that helps and thanks for your visit!
elaine

Below is the google translate english to french….sorry if it’s a bad translation..lol
Salut Christian,
Je ne comprends pas le français, mais j’ai utilisé Google Translate pour comprendre ce que vous avez écrit. Avez-vous activé les positions module de prévisualisation “les paramètres de votre modèle? Cliquez ici pour lire le message.
Hope qui aide et merci pour votre visite!
Elaine

Reply

mike July 5, 2011 at 11:25 am

hi there i am trying to locate the “address” of the /joomla_black.gif little logo in order to change the name in the css to a different name (something related to the site name. please advice if yo can.
Much appreciated,
Mike

Reply

Elaine July 5, 2011 at 5:03 pm

Hi Mike,
I have the answer for you and will write up a post for you by end of the week. Will let you know when it is done.
Thanks for your visit,
Elaine

Reply

Wouter July 6, 2011 at 3:18 pm

You helped me a lot, thank you very much. I learned:

- How to remove the Joomla Logo
- Change the banner
- Remove the Open source text
- Remove ‘empty space’ at the top of the page

again, thank you. Everything worked perfectly and smooth ( althoug it’s my first time with joomla or any website )

Reply

Elaine July 6, 2011 at 3:28 pm

Hi Wouter,
I’m glad my posts helped you. Joomla will get easier after you get the hang of it.
Thanks for your visit,
elaine

Reply

PoS July 7, 2011 at 1:16 pm

Hi Elaine,

Faveicon and “Powered by …” removed. Thanks and great.

Can you please help me in removing the “You are here: Home/..” just below the header on the left side? Maybe you have already a post then I would ask if you can guide me there. Thank you!

Keep reading you :)

Reply

Elaine July 7, 2011 at 1:32 pm

Hi PoS,
No problem! the “You are here: Home/” is the breadcrumb module. You can find the post that I created to remove this here.
Thanks,
elaine

Reply

PoS July 11, 2011 at 10:05 am

Hi Elaine, that didn’t work for me. I left a question on the page itself. Hope to have your advice.

Reply

Tybion July 9, 2011 at 8:00 am

Thanks for the article, Elaine – very helpful.

A suggestion for anyone who is interested in changing .CSS file – try out the ‘Firebug’ add-on for the Firefox browser – it is brilliant!

Once you have ‘Firebug’ installed, browse to your Joomla page, click the ‘bug’ icon, click the CSS tab on the pane that appears over the bottom half of your screen and click the button with the tip ‘Click an element in the page ..’ – then you can click anywhere on the Joomla page, and Firebug shows in a pane on the right the css code (and the .css file) that is responsible for the style.

Reply

Elaine July 9, 2011 at 10:44 am

Hi Tybion,
Thanks for the great tip. That is very helpful to everyone. I think I will add your comment as a post.
Thanks again for your visit,
elaine

Reply

Claudia July 10, 2011 at 2:43 pm

Hey Elaine!
Thanks so much for your post!
I have created my own header and saved it as the personal2.png file but it still won’t show up on my itnernet site!
I’ve created a multilingual site using copies of the beez20 template for every language, maybe its because of that?
In the personal folder, I see my image with the name personal2.png but it’s just not showing online

Thanks so much for the help!

Reply

Francis Grillo July 10, 2011 at 4:43 pm

This post has been really interesting and useful for me. Thank you! :)

Reply

Elaine July 10, 2011 at 11:41 pm

Hi Francis,
No problem.
Thanks for your visit,
Elaine

Reply

PoS July 11, 2011 at 10:28 am

I now have deleted the Breadcrumb entry in the HTML. That solved the problem. Actually I would have preferred to just convert it to a Comment but didn’t know how to do that. Elaine, is it marking “/**” or “#” or what?

Reply

Fabio July 12, 2011 at 7:02 am

hello and many thanks for your useful blog. Can you tell me where (index.php?) I can insert some text at the right of the logo in the header (Name, address, phone number and so on) and format it (personale.css?). The Template advanced options (site name and description) are not enough…
Can you tell me how to change the header background color from blue to another one, and to reduce the height and the margin of the div?
Thanks a lot. Fabio

Reply

Furkan May 8, 2012 at 11:29 pm

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

end of the “no-repeat …. bottom line”#000000 gonna make your blue header to black, you can check out the hex codes at google if you gonna use a different color.

Reply

Christian D July 17, 2011 at 4:29 am

Hello, I would also like to thank you for this blog. I was wondering if it was possible to move the user log in to the very top (where the fontsize-bigger/reset/smaller is located). If so, help would be appreciated.

Thanks,
Christian

Reply

MGM July 25, 2011 at 1:31 pm

Hello Elaine, thank for your post, it´s excellent!

I want to know how to put a banner “.swf” , in change of “personal2.png”

Thank’s a lot. MGM

Reply

eliseo rodriguez July 29, 2011 at 6:02 am

Hello, excelent post Elaine..

I need your help.. I use a template Beez 20, and i want to use all the space available for my website.

I want to change the margins of the sides .. i don’t Know how to do it and hopefully you can help.

Thanks

Reply

hannah August 2, 2011 at 3:20 am

Could not find <script type=”text/javascript” src=”baseurl ?>/templates/beez_20/javascript/md_stylechanger.js”>

found this line instead:
<script type="text/javascript" src="baseurl ?>/templates/beez_20/javascript/hide.js”>
which I left intact..

Deleted other lines as suggested and now
font size – Bigger, Reset, Smaller is gone.

What am I missing here.

Reply

marko August 10, 2011 at 10:47 am

Thank you a lot.. Very helpFul
i created with your help :-)

Reply

Elaine August 10, 2011 at 11:48 am

Hi Marko,
Great website. I’m impressed!!
Thanks for your visit,
Elaine

Reply

Dupe August 11, 2011 at 6:31 pm

Hi,

I am new to Joomla but gradually getting d hang of it. How i do change the header in the Fruit shop template which is the template i am using.
thanks

Reply

Carlo August 17, 2011 at 3:44 am

I want to be able to change the three bottom images that read, ‘Support Joomla’, which is found in three separate modules. I want all three images to be different and of my liking. By the way I am using beez_20. Where do I go for this?
I am able to change the text but what about the images?

Reply

Elaine August 17, 2011 at 11:24 am

Hi Carlo,
I will write up a post to help you. It is pretty easy. Should be up in a few days.
Thanks for your visit,
Elaine

Reply

Elaine August 18, 2011 at 12:00 pm

Hi Carlo,
I’ve created a post to help you change the image. Are you using a static image or did you want to use rotating banners? I’ve posted an article about how to change the image to a static image. The post is here. You also don’t need to use images in all 3 module positions. You can put anything you want in there.
Hope that helps.
Thanks for your visit,
Elaine

Reply

Carlo August 18, 2011 at 6:08 pm

I am so happy to see your effor you put into answering my question is incredible!
I am new to this site and believe me, I will stay here as a member for as long as you are around.
=)

Once again, Thank You!

Reply

Elaine August 18, 2011 at 6:29 pm

Hi Carlo,
Thanks for your nice comments! I appreciate it! :) I hope it works for you, let me know if you have any problems.
Thanks,
Elaine

Reply

Jer August 17, 2011 at 10:47 pm

Thanks Elaine! Same trouble as Carlo here for me as well.

Reply

Elaine August 18, 2011 at 11:59 am

Hi Jer,
I’ve created a post to help you change the image. Are you using a static image or did you want to use rotating banners? I’ve posted an article about how to change the image to a static image. The post is here.
Hope that helps.
Thanks for your visit,
Elaine

Reply

Carlo August 18, 2011 at 7:49 pm

Hi Elaine.
I am back with a new question.

I want to be able to protect my text and images from being selecting and copied to.
I know that there are many ways to get around this but for the usual typical Joe, I want to know that
he won’t be able to easily do a select text or a select image and copy the information.

Can you tell me if this is possible?
Gracias.

Reply

Elaine August 19, 2011 at 1:28 pm

Hi Carlo,
There are scripts if you search for it in google to restrict right click and saving the images. You can also embed watermarks into your images to protect them. I dont think there is a “Joomla” way to protect images. If you find one let me know.
thanks,
elaine

Reply

Carlo August 19, 2011 at 2:29 pm

Thanks Elaine, I will look into it.
If I find something, I will let you know.
:D

Reply

Carlo August 25, 2011 at 4:29 am

Hi Elaine, I have one more question that I am not sure how to accomplish it.

Question: Home image in Beez 20 Template seems to be in every click on my website.
Can I have this image change everytime I click on any of the Top Menus? If so, how?

Reply

Elaine August 25, 2011 at 12:43 pm

Hi Carlo,
I don’t quite understand what you are asking. Are you referring to the site logo? If so, I don’t think that can be changed everytime you change a menu. You could possibly look into doing some coding for it to detect which menu it’s on.
Thanks,
elaine

Reply

Carlo August 25, 2011 at 2:53 pm

Not the site logo but the image behind it. The image that fills the entire website on top.
Not sure what to call it. The Home image.

Reply

Elaine August 25, 2011 at 9:57 pm

Hi Carlo,
Are you referring to the blue banner? It used to have a stripe that said “We are volunteers”. You can take a look at this post here to see if it helps you.
Thanks,
elaine

Reply

Poy August 29, 2011 at 10:09 am

Thanks a lot, Elaine. That’s really useful. It worked exactly as you told. Please keep up your good work.

Reply

Elaine August 29, 2011 at 11:01 am

Hi Poy,
Thanks for your comments! Glad i could help.
Thanks for your visit,
Elaine

Reply

periwinkle September 5, 2011 at 3:20 am

Please let me know how to change and insert image all menu item backgrounds? I try to insert image in body (personal.css) file, it makes changes background but menu item background still white color.
Please let me know.

Reply

periwinkle September 6, 2011 at 10:03 am

Hi,
Joomla 1.6.5 (two plugin errors)
I used jsmallfib file browser plugin extension for my site and it really quite nice and needed for my site.
By using this, i can create folder and upload files to folder directly from frontend.

but when i enable language filter plugin to use language switch in frontend, that jsmallfib totally cannot be used.
Actually, my site really need to use that two.
Pls share your idea. and i try media manager but that cannot be used from frontend.
Is there any folder create and file upload extension?

regards

Reply

periwinkle September 6, 2011 at 10:04 am

Hi,
Joomla 1.6.5 (two plugin errors)
I used jsmallfib file browser plugin extension for my site ,
downloaded from :
http://extensions.joomla.org/extensions/core-enhancements/file-management/8570
it really quite nice and needed for my site.
By using this, i can create folder and upload files to folder directly from frontend.

but when i enable language filter plugin to use language switch in frontend, that jsmallfib totally cannot be used.
Actually, my site really need to use that two.
Pls share your idea. and i try media manager but that cannot be used from frontend.
Is there any folder create and file upload extension?

regards

Reply

Dupe September 12, 2011 at 6:25 pm

Hi,

i will be really glad if you can help me.

How do i change the address bar to the website name without it creating a menu item with d name?

Secondly, how do i remove This site and still retain the “Home” menu item.

lastly, if i want to upload my website using Fillezilla, what file or folder should i upload? is it the index file in the administrator folder of the Joomla folder?

Pls help as i am a total newbie. Thanks.

Reply

daryl mushtaq December 19, 2011 at 12:22 am

to remove “this site”- go to the module manager and look for the module called “this site”, then select hide title.

Reply

Joshua Koch September 27, 2011 at 4:05 am

Hi Elaine,
I have removed my logoheader and the blue box behind it. I would now like to get rid of the header space altogether. I have been through the css and cannot figure out how to do this. A friend suggested that I add ‘.logoheader { display: none; }’ to the css, but it does not solve my problem. Can you help out?
Thanks,
Josh

Reply

sorin October 20, 2011 at 5:28 pm

Hi!

I would like to know how can I modify the dimmensions of beez_20 joomla 1.7 default banner.

Reply

Iketut November 11, 2011 at 1:51 am

Thank you very.
It has worked very fine.

Reply

Elaine November 11, 2011 at 4:15 pm

Hi Iketut,
No problem, thanks for your visit,
elaine

Reply

Scottie Davis December 5, 2011 at 8:37 pm

I looked and looked at the first two lines of code aren’t anywer in the index.php file to remove the Bigger, Reset, Smaller text at the top right. Can you please update for Joomla 1.7 Beez 20 template?

Reply

Elaine December 7, 2011 at 2:46 am

Hi Scottie,
Ok, I will look into it.
Thanks for your visit,
elaine

Reply

apandit December 16, 2011 at 9:31 am

Left a message regarding moving header – have not heard anything – any chance that this will be soon

Reply

Elaine December 16, 2011 at 2:41 pm

Hi Apandit,
I’ve created a post for you and it’s here. Sorry about the delay. Thanks for your patience.
Thanks for your visit,
elaine

Reply

monir December 18, 2011 at 12:22 am

Elaine, thanks a lot for your awesome post. helped me a lot.

I was wondering if its possible to put a search option/button in the right side of my header menu. and how to create space between items in header menu.

Best regards,
Monir

Reply

Lisa Mary December 18, 2011 at 5:45 am

Hi, wow very good job by anwsering alll this questions. almost read all of it. sorry for my spelling my english is not that good.

So, here is my question: can you help me on how to make the website to scroll when some one minimize there windows instead of rizesing the content to fit in to the window. I really hope you can help me thank you so much.

Reply

Cathy B December 31, 2011 at 7:35 pm

Hi, I have tried and tried to find the template images directory in Joomla 1.7. I looked in the Templates Manager area. I looked in the Media Manager area. I searched in the documentation. I want to replace the site banner (blue with We Are Volunteers) by replacing the personal2.png file with my own version. But I can’t find the original in order to replace it. So I tried a different tactic. I tried to change my personal.css file to point to the file in my own image directory in my Media Manager, but I obviously am not doing that right because no site banner showed at all. I think I do not have the full directory name right. Where is the template images directory? Thank you.

Reply

Carlos January 12, 2012 at 7:22 pm

This post help me a lot. Thanks. Carlos.

Reply

Elaine January 13, 2012 at 1:59 am

Hi Carlos,
No problem, glad the post helped you!
Thanks for your visit,
elaine

Reply

Build website January 17, 2012 at 12:05 am

Simply wish to say your article is as amazing. The clarity to your submit is simply cool and i can suppose you are an expert on this subject. Well along with your permission allow me to grab your RSS feed to stay updated with forthcoming post. Thank you a million and please carry on the rewarding work.

Reply

Efim January 17, 2012 at 8:41 pm

Hi Elaine,
Your post is really useful! I learned allot.
I just wondering if you have an answer regarding question posted by MGM: “I want to know how to put a banner “.swf” , in change of “personal2.png””?
I have same issue: trying to replace personal2.png image with customized flash content (.swf)
Thank you in advance.

Reply

Wayne February 3, 2012 at 9:56 pm

Hi Elaine:
How do I get the site title to spread across the entire page rather than being wrapped on the left side?

Reply

Elaine February 4, 2012 at 2:02 pm

Hi Wayne,
I visited your site and don’t understand what you mean? You want the 3 letters to span across the whole page? You might want to try to right justify your text or easier, just add spaces to your title? lol have you tried that?
Thanks for your visit,
elaine

Reply

Wayne February 4, 2012 at 9:32 pm

Thanks for your rply Elaine. If I make the title longer, instad of going across the page, after 2 words it goses to the next line .
I end up with 3 or 4 lines of text all on the left side instead of going across the page as it does in this post.
It looks like this;
RJQ / The
……… ……
………………
Blah
instead of this;

RJQ / The ……… …… ……………… Blah.

Reply

emmanuel February 12, 2012 at 7:21 pm

Hi Elaine
Thank you for you this very interesting site. I found many useful tips
So there is a small problem I encounter with the Beez 20 template :
Il like the way articles’ titles are normaly highlighted and underlined with 2 thin grey lines. But In my layout the first article of any page as no lines

Do you have any idea of what to do to recover this ?

many thanks

Reply

John February 13, 2012 at 10:25 pm

I don’t have the “We Are Volunteers” banner which is fine. However, I want to add a custom banner at the top of the page and don’t know where to do that. Any help would be appreciated.

Reply

Dom February 21, 2012 at 11:35 am

Hi Elaine, firstly thanks for soo much useful info! I’ve figured out a lot here!

Two questions you may be able to help me with?

At the top of my site i’ve just got a plain header.jpg. I’ve included no logo or site description which you add in template settings as i’ve included my logo in the actual header design. I want to make it clickable so it goes to the home page? I’ve found you tut on making the logo clickable to the home page but i’ve not got a logo added to work with, just a header.jpeg? Please advise.

Secondly, how can i change this header to play an animated .swf?

Muchly appreciated!

Reply

Peter B April 23, 2012 at 2:46 pm

Hi Elaine,

You write VERY helpful stuff!

Can you please, please add one more answer to your writing? Namely how to place the horizontal menu in Beez20 below the header image.

There are a lot of people asking this in forums and some even refer to your pages but I’ve yet to find a solid good answer. One that changes the code of Beez so it still works without quirks.

So very simple: How can the horizontal menu in Beez20 go below the header image and push the breadcrumbs and the rest of the page down.

Thank you very much,

Peter B from The Netherlands

Reply

Mark May 4, 2012 at 1:52 pm

Hi Peter!
I had the same problem, and because I’m new in the code world, I proceeded by trial and error.
Luckily, I found a solution that worked good for me (I’m using FlexHeader, so maybe some div position are different).
I just changed
/* ++++++++++++++ lists, skiplinks ++++++++++++++ */
#header ul.menu
{

/* top:62px; */
top:0em; <=THIS VALUE

(line 146, I believe)
It pushes down the top menu with desired value.
It's a bit tricky if you use em, try different values, maybe pixels are the same, not shure..
Again, worked for me, but I don't know about breadcrumbs and others features.
Also your post is a bit old, maybe you've already figured it out.
Let us know!

Mark from Italy

Reply

Peter B May 10, 2012 at 7:41 pm

Hé Mark,

Thanks… I found this solution too I believe (I already changed so much that it’s hard to know what I did). I believe however that this method pushes the menu down but still in front of the header image.

Ideal would off course be to have the menu really below the header image.

Am going to check out that flexheader for sure…

Reply

Jacob Hengel August 27, 2012 at 4:07 pm

Hmm I was hoping to be able to post replys here without code disappearing, silly assumption. Please ignore my last post.

I am not the most experienced with this but I was able to remove the font modifier in – Joomla! 2.5.6

I removed lines 96-102 which left the closing script line as the new line 96

No other changes were required on this section for this release.

I did also change line 129 (was line 136 originally before removing the above) to add the displaynone.

This worked beautifully :-)

Reply

samuel October 18, 2012 at 9:01 am

Hi Elain,

I am using Joomla2.5 and beez 20 as template. I found that the menu items in top menu squeezed to the left size and leave lot of space on the top menu.

How can I change the width of menu items and make them distribute evenly and occupy the whole top menu?

Thank and Regards,
Samuel

Reply

Samuel November 3, 2012 at 6:59 pm

Hi Elaine,

I would like to make some posts to ask some question about Joomla template. But I cannot do that because I cannot find the “new post” button or link to make some post.

Would you please let me know how to make new post on your page? Or I miss the button or link on the page?

Thank,
Samuel

Reply

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: