<p>Easily create your own custom background! </p>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="160">
  <tr>
    <td width="33%" align="center" height="35">Example 1</td>
    <td width="33%" align="center" height="35">Example 2</td>
    <td width="33%" align="center" height="35">Example 3</td>

  </tr>
  <tr>
    <td width="33%" align="center" height="141" bordercolor="#000000">
    <a target="_self" href="http://www.shape5.com/demo/touch_of_soul/index.php?option=com_content&view=article&id=95&Itemid=119">
    <img style="border:solid 1px #000000" src="images/background1.jpg"></a></td>
    <td width="33%" align="center" height="141">
    <a target="_self" href="http://www.shape5.com/demo/touch_of_soul/ex2/index.php?option=com_content&view=article&id=95&Itemid=119">
    <img style="border:solid 1px #000000"  src="images/background2.jpg"></a></td>
    <td width="33%" align="center" height="141">
    <a target="_self" href="http://www.shape5.com/demo/touch_of_soul/ex3/index.php?option=com_content&view=article&id=95&Itemid=119">
    <img style="border:solid 1px #000000"  src="images/background3.jpg"></a></td>
    <td width="34%" align="center" height="141">
    &nbsp;</td>
  </tr>
</table>
<br />
<p>1. Create your own custom background. The background image should fade into a web safe color. On our demo the background fades into color #000000.</p>
<p>2. Name the image s5_background.jpg</p>
<p>3. Upload the file to templates/touch_of_soul/images/ and over-write the 
existing one</p>
<p>4. In the template configuration area set the Background Repeat Color to the web safe color you faded your image into in step 1. This color will show in the area your image cannot extend to.</p>
<p>4. While in the template configuration area set your highlight 1 and highlight 2 colors. These colors control titles, module colors, text colors, and more.</p>