Much like Joomla 2.5, the Joomla 3.x series includes a template editor available within the admin dashboard. The template editor allows you to edit your template directly within your browser. This is helpful and sometimes more efficient than editing files using ftp or another method.

In this tutorial, we will walk you through the steps of editing a template file in Joomla 3.

Please note! This tutorial walks you through the steps of editing template files. Before editing any template file, we recommend that you first make a backup of the original file.

In this tutorial:

Joomla 3.0

  1. Log into your joomla 3 admin dashboard
  2. In the top menu, click Extensions and then click Template Manager
  3. In the left menu, click Templates
  4. You will see a listing of templates you have installed. Find the template you want to edit, and then click the Template Details and Files link.
  5. Click the file you want to edit

    You are now on the Customise Template page. The left menu of the page shows Template Master Files and in the right menu it says Stylesheets. Click any of the files in those two lists to edit the corresponding file. Below is a list of the files that you can edit:

    Edit main page template: index.php
    Edit error page template: error.php
    Edit print view template: component.php
    Edit css/template.css: css/template.css

  6. Edit the file and then click Save

    After clicking one of the above files, you'll be brought to the Template Manager: Edit File page. On this page you will see an editor that you can use to edit the code of the file you chose. Make the changes you wish, and then click the Save button in the top menu. Congratulations, you just edited your template!

    Results of our Joomla 3.0 testing

    In our testing, we were working with Protostar Details and Files and chose the Edit main page template option. Under the opening of the body tag, we added the following text:

    <h1>Look, I edited my template!</h1>

    Below you can see screenshots showing where we made the edit, and how it changed our template:

    Making changes in the template editor Viewing the changes we saved

Joomla 3.1

The steps for editing a template in Joomla 3.1 are the same as they are in Joomla 3.0.

Joomla 3.2

  1. Log into your joomla 3 admin dashboard
  2. In the top menu, click Extensions and then click Template Manager
  3. In the left menu, click Templates
  4. You will see a listing of templates you have installed. Find the template you want to edit, and then click the Template Details and Files link.
  5. Click the file you want to edit

    By default, the Editor tab is shown. In the left menu, you will see a listing of files and folders for the template you chose. Click the name of the file you want to edit.

  6. Edit the file and click the Save button

    After clicking a file name, you will see an editor showing the code within that file. Make the changes you wish, and then click the Save button towards the top left of the page.

    Results of our Joomla 3.2 testing

    In our testing, we edited the index.php file. Under the opening of the body tag, we added the following text:

    <h1>I edited my template!!!!</h1>

    As you can see in the screenshots below, after saving the changes and going to our website, we can see the change that were made.

    Making changes in the editor Reviewing the results of the change

Changelog

Joomla 3.0 to Joomla 3.2

The biggest change in the template editor feature between Joomla 3.0 and Joomla 3.2 is the access to which files you can edit. In Joomla 3.0 you are by default limited to editing only the index.php, error.php, component.php, and css/template.css files. In Joomla 3.2 you actually have access to all of the template files. You can navigate and choose which files to edit using a file manager (pointed out in the screenshot below).

Continued Education in Course Joomla 3
You are viewing Section 27: How to edit a Joomla 3 template
Section 26: Using the Joomla Login Description Text and Login Image settings
Section 28: 301: Your host needs to use PHP 5.3.1 or higher to run this version of Joomla!
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

n/a Points
2014-05-07 2:34 pm

Very nice page. I have a lot of things to learn here. Thanks a lor for your free contributtion.

n/a Points
2014-09-23 6:07 am

Thanks Alot,

I am new to joomla but with the help of people like you design a website for my NGO

http://www.ssamriddhifoundation.org/

thanks again

 

Staff
20,848 Points
2014-09-23 7:32 am
Hello Manish,

We here at the customer community do not design websites or custom code, but we are happy to try and answer specific questions you may have along the way.

Kindest Regards,
Scott M
n/a Points
2014-10-08 6:01 am

hi, I work with joomla 3 and I can't to add a counter to the site http://komfortby.com

Staff
10,994 Points
2014-10-08 8:28 am
Hello Vadzim,

Thank you for contacting us. We are happy to help you, but will need some additional information.

What type of counter are you adding? Is it a Google Analytics counter such as Visitors Counter, or Vinaora Visitors Counter?

What happens when you add a counter?

Are you getting any errors? What are they?

If you have any further questions, feel free to post them below.

Thank you,
John-Paul
n/a Points
2014-12-11 2:01 am

dear i am facing a problem on my website www.kawun.edu.af when i press the enter button its opened the library pag and i want to be opened the home page how i can fix that problem with your kindness please help this issue as soon as possible.

 

Staff
10,994 Points
2014-12-11 11:34 am
Hello kashif,

Thank you for your question. Here is a link to our guide on How to change your Joomla 2.5 homepage. It is a similar setup process in Joomla 3.

Thank you,
John-Paul

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

7 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!