Editing an Existing Joomla Template

One of the joys of using Joomla is that it can be all things to all people. For someone who has a firm understanding of CSS and HTML, Joomla is a system that allows you to keep all of the information in one place and manage everything from a central location. For someone who knows as much about CSS and HTML as the average person, Joomla is a way of creating websites that look impressive in order to display their original content in a way which viewers will find pleasant to look at and easy to navigate. This is due in no small part to the ready availability of Joomla modules.

For people who have some knowledge of CSS and HTML, there may be some concern over an existing Joomla template – the ones which are packaged with the basic Joomla software and the ones which are downloadable from the Internet. Possibly, the modules will be lacking a little something – the images that are included may not be appropriate for their site, or the text irrelevant. If this is the case, editing the Joomla template should be easy.

Editing the Joomla template further is possible if you have more knowledge of CSS and HTML. You may find, for example, that the template you have seen looks all but perfect, but is the wrong color or is imperfect in some other way. Although you want to keep the majority of the coding, you would need to change some of it to achieve the overall look you want. If you are going to do this, you should start by making a copy of the original template. Many people have made the mistake of starting to modify and then losing their place, and end up destroying one good template without creating anything usable.

Joomla templates are different from many others in that the templates feature separate content and design files. This means that depending on how much you want to change, you can usually do what you need to without an excessive amount of disruption.

If you just want to change the images in a Joomla template, then it really is simple. When you open the .zip file that the template came in, you will see a folder titled “images”. Literally all you have to do to change these images to others is overwrite them with your own. You then save the template under a different name (as a .zip file) and install the “new” template.

To change more fundamental elements will require some more knowledge. If you want to make content changes – and this includes displaying information on the right side of the screen or the left – then the index.php file will need to be changed. If you want to make stylistic changes, the file you are looking for is the CSS file. If you go into the index file and entirely remove the references in that file to the CSS one and then display the website, you will see that it is “text-only”. This is why it is important to be careful with the CSS of your site – changes to this dictate how your site looks.

A handy tip when editing an existing Joomla template is to have two or more tabs open – one showing the template itself and the other showing the changes you are making. Refer between these screens to see if your changes are having the desired effect.