---
title: "How to change your Joomla 3.1 Site Template"
description: "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...."
url: https://www.inmotionhosting.com/support/edu/joomla/joomla-3/switch-site-template/
date: 2012-10-07
modified: 2021-11-19
author: "Brad Markle"
categories: ["Joomla", "Joomla 3"]
tags: ["Joomla v3"]
type: post
lang: en
---

# How to change your Joomla 3.1 Site Template

Welcome to another article in our tutorial series on [creating a Joomla 3.0 template](https://www.inmotionhosting.com/support/edu/joomla/joomla-3/starting-template/). In our last tutorial, we showed you [how to install the Joomla 3.0 template](/support/edu/joomla/joomla-3/how-to-install-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](/support/website/error-numbers/403-forbidden-error/) from the web.

**Changing your Joomla 3.0 Site Template:**

1. [Log into your Joomla 3.0 administrative dashboard](/support/edu/joomla/joomla-3/how-to-log-in-to-administrative-dashboard/).
2. In the top menu, click **Extensions** and then click **Template Manager**.
3. [![click star to change Joomla template](https://www.inmotionhosting.com/support/wp-content/uploads/2012/10/edu_joomla-3_create-template_click-star-to-change-template.jpg)](/support/wp-content/uploads/2012/10/edu_joomla-3_create-template_click-star-to-change-template.jpg) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2012/10/edu_joomla-3_create-template_previous-template.jpg)](/support/wp-content/uploads/2012/10/edu_joomla-3_create-template_previous-template.jpg) [![new template installed Joomla](https://www.inmotionhosting.com/support/wp-content/uploads/2012/10/edu_joomla-3_create-template_new-template-installed.jpg)](/support/wp-content/uploads/2012/10/edu_joomla-3_create-template_new-template-installed.jpg) **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](/support/edu/joomla/joomla-2-5/allow-javascript/). 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).