Help4.x:Templates: Customise

From Joomla! Documentation

Revision as of 16:40, 30 November 2020 by FuzzyBot (talk | contribs) (Updating to match new version of source page)
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français


This is where you edit a template's source code. You can edit the template's master files and stylesheets from this screen.

How to Access

  • Select System  Templates Panel  Site Templates from the Administrator menu. Or...
  • Select System  Templates Panel  Administrator Templates from the Administrator menu. Then...
    • Select a template name from the Templates column.


The Administrator and Site Templates screens use the same layout. The Site Template screen is illustrated here.


Form Fields

Editor Tab

  • Select a file to edit. The edit area shows syntax highlighted text for some types of file.

Create Overrides Tab

  • Select an item to override. This is done immediately with no prompt for confirmation. The override is placed in the appropriate location. For example, if you make an override for mod_whosonline you will see this message:
Look in html/mod_whosonline to see the created files.

Template Description Tab

  • Thumbnail and Description. Information on this template.

Update Files Tab

If there have been no updates to the template since overrides were created this tab will contain a simple message:

  • Notice. Overridden files are up to date. Nothing has been changed in the last extension or Joomla update.

If there have been updates, a table will show a list of overrides that need to be reviewed.


Note that the Toolbar buttons change when a file is selected for editing.

No file selected

At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:

  • Copy Template. Select to make a complete new copy of the template. You will be prompted for a new template name. There is also an opportunity to Close without creating a new template. To remove the new template: go to Extensions -> Manage, check the template check box and select Uninstall in the toolbar.
  • Template Preview. Select to open the Site default view using this template.
  • Manage Folders. Select to create a new folder within the template hierarchy. A popup window appears:
  • New File. Select to create a new file or to upload a file from your computer to your Joomla! template hierarchy. A popup window appears:
  • Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

File selected

  • Save. Saves the item and stays in the current screen.
  • Save & Close. Saves the item and closes the current screen.
  • Rename File. Select a file to edit. Select the Rename button to prompt for a new name.
  • Delete File. You will be prompted to Confirm or Cancel.
  • Close File. Closes the open file and returns to the Editor Tab.
  • Help. Opens this help screen.

Quick Tips

  • Before editing the HTML and the CSS file of the template, it is a good idea to make a backup of the file you are editing. Also, you can edit these files outside of Joomla! using the HTML or CSS editor of your choice.

Related Information