How to change the Joomla logo in the rhuk_milkyway template

Joomla uses templates for its design and for this tutorial I am going to demonstrate how you can change the Joomla logo on the rhuk_milkyway Joomla template.

You will need and FTP program so that you can upload and download your files. You can use something like WSFTP of Dreamweaver. You will also need permission from your Internet Service Provider to get access to your Joomla files so you will need a Username and Password.

You will also need a graphics program to create yoru logo. I use Paintshop Pro.

You will need to look at the template.css style sheet to see what your logo image is called and to find out the image size as it is easier to create an image the same size and upload it to overwrite the existing one.

Click the Extension menu option

The Extension menu will display

Select the Template Manager option

The Template Manager page will display

Select the rhuk_milkyway hyperlink

Select the Edit CSS icon

The Template CSS Editor page displays

Select the template.css radio button

This is the style sheet that contains the image information

Select the Edit icon

Use the Find option to search for the logo using the word logo

You will find the logo name (mw_joomla_logo.png) and just above the logo name you will see the image width and height details. Make a note of these so that you can make a new logo the same size

Using your FTP program, log on to your server

Navigate to the templates/rhuk_milkyway/images folder

Download the mw_joomla_logo.png file and save it on your PC just incase you do something wrong and you want to restore the original image. I suggest you even rename it.

Create a new logo with the same size and name as the original

Upload your new logo to the templates/rhuk_milkyway/images folder being aware that it will overwrite the existing logo

If you preview your web site you will see that the logo you have created has now replaced the existing one that came with the rhuk_milkyway template