How do I change my logo in my Joomla!® Template?

The following tutorial uses one of our Joomla!® templates found by clicking here but the principles are the same

Before you change any of these files, I strongly advise you that you make copies of these files first so that you can always revert back to the originals

Navigate to the templates folder

Open the css folder of the template you are using

Open template.css

Search for div.Header-jpeg

You will see the name of the background image on the line background-image: url('/../images/Header.jpg');

You will also see above this line that the dimensions of the file will be displayed so you will need to make a new image with this size e.g. 990px by 150px

You can either choose to make a new image, upload it to your Joomla® site and rename it here on this line or you can make a new image and call it the same as on this line (You will then have to upload it to the images directory). You could also open this image and edit it if you wish.

If you make any changes to the template.css make sure you save it and upload it to your Joomla® server.

Open the index.php file that is also in your template folder if you want to change the heading and slogan.

You will see if you scroll down the page that you can see the headline and slogan which you can change or delete.

Make sure you save the file if you make a change and upload it to your server.

Why not visit our growing library of Joomla!® Templates by clicking here