Thursday, 10 July 2008

#37 - Changing the logo in Joomla 1.5 default template

One of the very first things we all do in a new Joomla installation is change the default Joomla logo. When you are still a Joomla beginner, this might be a bit of frustrating task, especially when you still have no idea what templates are, and how to go about changing them. Well this tip tries to make things easier Wink

The logo is defined as part of the rhuk_milkyway template. It is defined in the template.css file. To change it you need to do the following.

1. Using FTP software upload your new logo to /templates/rhuk_milkyway/images. Let's say the name of the new logo is logo-default.png. We have now made the logo available to the template.

2.  You know need to edit the reference to the logo file. This is done as follows. Edit the template.css file found in /templates/rhuk_milkyway/css/templates.css. Find the following CSS entry: div#logo, and there should be a reference to the logo: mw_joomla_logo.png. The full CSS entry is:

background: url(../images/my_joomla_logo.png) 0 0 no-repeat; 

Change this to:

background: url(../images/logo-default.png) 0 0 no-repeat; (or the name of the filename of the logo you have just uploaded)

3. Change the width and height entries in the to the width and height of your logo.

logocs

4. Save the CSS file, and replace the current version.

5. Refresh and voila, you have change the default logo.

Comments
Search RSS
Anonymous   |138.88.5.xxx |2009-02-12 16:11:08
janby  - ok,but how can i print the logo?   |88.73.106.xxx |2009-02-13 16:52:14
i would like to have my logo on top when i print a page. but now it is hidden.
How can i change the code so is will be shown when printing ?
DART  - Printing Logo   |78.133.54.xxx |2009-02-13 17:55:15
Well the print page uses a different page from the normal pages ... it uses
index2.php rather than index.php. What you'll need to do is tweak that image
such that you insert your logo there...
janby   |88.73.118.xxx |2009-02-13 18:38:37
also in joomla 1.5?
could you help me to edit that page? i think index2.php has
nothing to do with printing.
Dave  - Logo still doesn't load     |79.178.221.xxx |2009-02-14 05:13:01
Hello Dart

I did everything as you instructed yet my 187x75 doesn't load.
I
resized in div#logo in the css file, renamed... didn't work
Serge  - and What about swf logo?   |189.236.64.xxx |2009-03-07 06:03:40
If i need an animated swf logo, what can i do? CSS works whith swf?
DART  - SWF Logo   |Administrator |2009-03-07 06:47:09
Hi, you cannot use flash within CSS as far as I know. You'll need to edit
the HTML / php of the index.php of your template to create a
new position and insert your banner there. Take a look at this link.
Only registered users can write comments!

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."
Last Updated ( Wednesday, 01 October 2008 )