Learn How to Design and Manage Joomla Websites

How to Edit Joomla Templates

Here we will take a look at how to edit Joomla templates. Now, I am assuming that you already did learn how to install them. If you are not quite sure how to do that, please, take a few minutes to take a look at how to install Joomla templates.

Now, there are 4 simple steps to modify your Joomla templates. We will cover these in detail below. Depending on your needs, you may not need to perform all the steps mentioned here.

1. Login to the Admin Area: The first thing you should do if you are not already logged in to the Admin area of your Joomla website is to go to the /administrator directory and login in. 

    

2. Open the "Template Manager": Next, go to Extensions tab (at the top of the page) and click on the "Template Manager" link. The next page that opens up is the template management area of your website. You will notice that there is a list of all the templates that you have uploaded and installed on your Joomla site so far. At the top right hand corner of this page, you have two options (each with a button):
   
   

   • Default: When you select any of the listed templates and then click on this button, that selected template becomes the default one for your website. If you open it in a new browser window, you will see that it has changed to reflect the new template that you just made the "default". However, none of the other templates get deleted as a result of this and you can change from one to other as often as you like. (But I won't advise this as it may portray you as being unprofessional, especially if you have a lot of daily or return visitors.)

   •  Edit: Once you select a template of your choice, click on this "Edit" button to be take to the Joomla template editor options for the selected template. Here you have (at least THREE) options for editing the selected template. We will cover this in some detail below.
     
     These editing options are:
     
     
3. HTML: At the top-right corner of this page, you will find the "Edit HTML", "Edit CSS", and "Preview" buttons. For now, click on the "Edit HTML" button. This will enable you to the Template HTML Editor. From this you can add, remove or replace some of the HTML tags that makes up the Joomla template you selected earlier on.
   
   
4. Edit CSS:
   
   
5. Inbuilt Template Editor (Parameters):
   
   
6. Preview
   
   
7. Publish: Apply or Save
   

Recommend this article...