Adding CSS to sidebar items in a Joomla 3.1 template

In the last tutorial within our building a basic Joomla 3.0 template tutorial series, we showed you how to add style to login form using CSS. You can see in the screenshot to the right how this added a grey background and rounded corner to the login form. You can also see however that the Read More >

Adding security to a Joomla 3.1 template using JEXEC

Before we get into styling our Joomla 3.0 template, we will add the last piece of PHP code that we need, which is the checking of JEXEC variable. The concept of defining JEXEC hasn’t changed since Joomla 2.5. Simply put, JEXEC is a variable defined in your php files that prevents users on the web Read More >

How to make a Joomla 3.1 Template Responsive

As we continue creating our Joomla 3.0 template from scratch, we will now make the template responsive. Much of this tutorial is going to be simply showing you the changes that we’re making to the template, but we’ll add a few descriptions of what we’re doing and why when necessary. We recommend that you read Read More >

How to add Bootstrap to a Joomla 3.1 Template

Now that we have added CSS and JS files to the Joomla 3.0 template that we are creating, we will now add the necessary bootstrap files. While the necessary bootstrap files can be downloaded from the official site, Joomla 3.0 actually includes the necessary css and javascript bootstrap files as well. As a template developer, Read More >

How to Include CSS and Javascript files in a Joomla 3.1 Template

If you’ve been following along in our tutorials series on creating Joomla 3.0 templates, you would have seen in our last tutorial after changing site templates that the template does not look very nice at all (see screenshot to the right). The reason the template looks a mess is because the CSS file that we Read More >

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 Read More >

How to install a Joomla 3.1 Template

In this tutorial, Installing a Joomla 3.0 template, we will be installing the Joomla 3.0 template that we created. The steps in this tutorial apply regardless of whether you are installing a Joomla 3 template that you’ve created yourself or downloaded from the internet. Installation steps for a Joomla 3.0 Template Log into your Joomla Read More >

How to zip a Joomla 3.1 template

At this point in our building a Joomla 3.0 template tutorial series, we are ready to zip / compress our template files and get it ready for installation on a Joomla 3.0 website. This is a very simple process to do, and in this article we will walk you through the steps. So far, this Read More >

Adding a templateDetails.xml file to a Joomla 3.1 Template

The last thing we need to do before we can install the Joomla 3.0 template that we are creating is to create a templateDetails.xml file. This file holds various details about the template, such as who wrote it and when. It can also contain configuration settings for the template that the user can modify, such Read More >