• Increase font size
  • Default font size
  • Decrease font size
joomla templates, wordpress themes, drupal, datalife engine, graphics, seo,

Changing the Logo on Your Joomla 1.5 Site (ja_purity template)

E-mail Print PDF

Changing the logo on your Joomla 1.5 site (ja_purity template)

In the version of Joomla I’m using (1.5 when I wrote this) I haven’t found an easy way to update the logo. There’s no option to just upload a new logo which is probably due to the template controlling the logo. What I have found is that it’s not necessarily hard to change the logo in the template file. You need an FTP client. I personally like FileZilla. You’ll have to log into your site and find your Joomla install. It’s probably under a www or public_html folder, but may be at the root.

1) Find your templates folder. It will have folders for each template underneath. I’m using the ja_purity template, but others are probably similar.
2) Go into the folder for your template and put your new logo in the images directory. You can use the same name, or a new one. If you use the same name, and your logo is about the same size, you might be done. Refresh your site to find out. If you’re using a caching solution you may have to wait awhile before checking.
3) If your logo size or name is different go into the folder for your template and find the css folder. Download the template.css file.
4) Open the file in a text editor and search for the old logo name (in my case logo.png).   You should find a block of text that looks like:

Original Code
h1.logo a {
	width: 350px;
	display: block;
	background: url(../images/logo.png) no-repeat;
	height: 80px;
	position: relative;
	z-index: 100;

5) Replace the width and height sections with the width and height of your logo and replace the path in the background section with the path and name of your logo. For instance:

New Code
h1.logo a {
	width: 395px;
	display: block;
	background: url(../images/new_logo.png) no-repeat;
	height: 72px;
	position: relative;
	z-index: 100;

6) Save the file and upload it back to your website. I had a permissions issue in my case. The file wasn’t writable. You can right-click the file on your web server in FileZilla and change the permissions so the file is writable. I recommend changing the permissions back afterwards.

This should do if you’re making simple changes to your logo. If you’ve made large changes to the size or color scheme of your logo, you may want to make further adjustments. The relevant information is in the same area of the template.css file. Just make sure to back it up in case things get out of hand.


Main Menu