Extensions Template Manager Templates Edit Source

From Joomla! Documentation

This screen is accessed from the back-end Joomla! administrator panel. It is used to edit the source code of template files.

How to Access[edit]

Navigate to the Template Manager: Customise Template screen. Click on the name of the template you want to edit. Then click the link to the template file that you want to edit.


This screen is where the source code of template files is edited. It provides a plain text interface to edit the template files. HTML, PHP and CSS programming syntax is highlighted to make the source code files easier to read.


Help25-extensions-template manager-templates-edit source-screen.png

Details and Options[edit]

  • Source Code. The contents of the selected template file is displayed and editible here.


At the top right you will see the toolbar:


The functions are:

  • Save. Saves the template source file and stays in the current screen.
  • Save & Close. Saves the template source file and closes the current screen.
  • Cancel/Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

Quick Tips[edit]

  • Important: Do not delete the default template files using FTP because it generates an error in both the front-end and back-end.
  • 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[edit]