Spring Forward Web Design

Build your own Site... Control your own Future!

Breadcrumbs

STEP 3 APPEARANCE 3.2 Installing the Cloudbase 2 Template

3.2 Installing the Cloudbase 2 Template on your Joomla website

To download this template to your home computer, assuming you have a Joomla 1.5 website, go to the download page of the Cloud Access website:

http://www.cloudaccess.net/download-free-templates/cloudbase-2/178-cloudbase-2-0-for-joomla-1.html

(They also have a version for Joomla 1.7 and 1.8, but very few other extensions are available for these options).


 

Download the complete or bundle version to your home computer.

 

You should also download and read the Cloudbase 2 HELP PDF.


Next, go to the Administrator log in page for your website and log in.

Then without unzipping the bundle, go to the Extensions, Install screen and load the extension from the bundled folder you just put on your home computer to your website.


Making Cloudbase 2 your default template

Then go to Extensions, Template Manager and select the Cloudbase 2 template. Then click on the Gold State to make Cloudbase 2 the default template.


Then click on PREVIEW. Here is what the logo looks like before any changes have been made


 

In the next article, we will describe how to change the header – or the area above the Breadcrumbs section - from the simple Cloudbase 2.0 image to whatever images and text you would like. For now, we will review how to change the color of the foreground and background of this template.

 

Configuring the Cloudbase 2 Template

 From the Template Manager, select the Cloudbase 2 template and click on EDIT to bring up the Template EDIT screen:


There are several easy adjustments that can be made from the template –edit screen.

First, look at the Presets Section: There are 11 preset style color combinations - all of which are adjusted with a horizontal scroller and clicking on the one you want.


 

Click on one of the eleven options and then view the result by clicking on APPLY, then PREVIEW.

Next click on the Background Patterns Drop Down arrow – which is in the Settings section:


Below are the 11 Background options.

Click on the one you want, then click on APPLY and Preview to see the result. There are also lots of other color selectors in this section which you can change later.

But before we can install our own header, we need to turn off the default header. This is done by going to the Features Section and clicking on the LOGO tab to turn it from Show-ON to Show-OFF.

Go to the Features Tab and turn off the logo as we will try to replace it with a custom module.


You should also turn off the DATE and anything else that is published in the TOP position as we will be using the entire TOP position for our custom header images and slogan. 

Clicking on Preview will confirm that the default logo is now gone.


 

Finally, go to the Layout Section and make sure the TOP position is set for only one module position to be published:


In the next article, we will make a new image for the header and publish it in the TOP – A position. For now, click APPLY, then SAVE to return to the Main Template Manager screen.

Then move on to the next article!