InMotion Hosting Support Center

Welcome to another article in our tutorial series on creating a Joomla 3.0 template. In our last tutorial, we showed you how to install the Joomla 3.0 template that we are in the middle of creating. Installing a template does not immediately activate it, and so we will show how to change your Joomla 3.1 site template in this tutorial.

Please note! The steps in this tutorial for changing site templates applies regardless of whether you are following our tutorial series and installing the template we are creating, or if you downloaded a Joomla 3.0 template from the web.

Changing your Joomla 3.0 Site Template:

  1. Log into your Joomla 3.0 administrative dashboard.
  2. In the top menu, click Extensions and then click Template Manager.
  3. click star to change Joomla templateYou will see two types of templates, Site and Administrator. In this tutorial, we are changing Site templates (the templates that affect the front end of our website).

    In the list of templates, click the hollow star next to the Site Template that you would like to activate. You will then receive the following message:
    Default style successfully set

    In the screenshots below, you can see that after choosing a new site template, the look and feel of our Joomla 3.0 website has changed.

    Default Protostar Template
    Basic Joomla 3.0 Template selected
    previous template Joomla new template installed Joomla

    Please note! If you're following along with our tutorial series on creating a Joomla 3.0 template, you'll want to read our next article on How to add javascript to Joomla 2.5 articles. If you can see in the screenshot above, the template does not look all that impressive, at this point it is just a mess because our CSS file is not being loaded (which we will explain more in our next tutorial).

Was this article helpful?
You are viewing Section 6: How to change your Joomla 3.1 Site Template
Section 5: How to install a Joomla 3.1 Template
Section 7: How to Include CSS and Javascript files in a Joomla 3.1 Template
n/a Points
2014-11-04 8:24 am

I've been through the entire tutorial and have two issues:

  1. The heading that shows in all your examples from #6 onward doesn't show in my being-built template. Is there something missing that isn't in the series?
  2. When I open the Prostar template I see an "Advanced" tab where I can set a logo file and control colors. That was a nice convenience for quickly getting a Prostar site looking familiar and I wonder how to do that with this example.

Thanks. Getting the feel of J3 templating and fluid design.


11,186 Points
2014-11-04 10:08 am
Could you clarify what specifically is missing? Could you provide a link to the site you are working on?
n/a Points
2014-11-04 3:51 pm

Thanks for the reply. he site is and i've made my in-progress tewmplate the default. If you email me I can send you the source for the index.php file and any others you might like.



11,186 Points
2014-11-04 5:20 pm
Are you referring to the green leaf image at the top? This image is simply a banner and can be added by logging following our guide on adding banners in Joomla 3.
n/a Points
2014-03-19 5:14 am

Nice share,.. And very helpful,...

Post a Comment

Email Address:
Phone Number:

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

5 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


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:
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!