How to change your Joomla 3.1 Site Template

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 template

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

    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.

    BEFORE:
    Default Protostar Template
    AFTER:
    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).

5 thoughts on “How to change your Joomla 3.1 Site Template

  1. Thanks for the reply. he site is https://j3.fearringtonfha.org 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.

     

    Jim

  2. 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.

     

Was this article helpful? Join the conversation!