i dont know if anyone noticed but the code snippets for the homepage layout are buggy and suck.
i pulled my hair out trying to figure it out changing rows and columns in the setting etc. f@$ck it.
i just opened dream weaver and built my own homepage in html for everything under the slider and it worked great..css is great for changing the site universally but html works fine if you want something custom, clean and beautiful. if you want control html it.
heres an example piece of html i used for my site just past it in your home.tpl file under the slider and youll see how easy it is.
(i always copy and past the entire home.tpl file to not pad incase something get screwed up!)
here it is: This will give you a good idea of were to start with html.
heres my url: http://www.vivostockphoto.com
<style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style>
<table style="width: 82%;" border="0" cellspacing="0" cellpadding="3">
<tbody>
<tr><th scope="col" colspan="4"><img src="http://www.vivostockphoto.com/images/head_most_popular.jpg" alt="most popular categories" longdesc="http://vivostockphoto.com/members/categories.php" /></th></tr>
<tr>
<td align="left"><a href="http://vivostockphoto.com/category/arts-and-entertainment.html"><img src="http://www.vivostockphoto.com/images/enterainment.jpg" alt="Arts and Enterainment stock photos" width="200" height="200" style="float: left;" /></a></td>
<td align="left"><a href="http://vivostockphoto.com/category/people.html"><img src="http://www.vivostockphoto.com/images/people.jpg" alt="people stock photos" width="200" height="200" /></a></td>
<td align="left"><a href="http://vivostockphoto.com/category/holidays-and-celebrations.html"><img src="http://www.vivostockphoto.com/images/holidays.jpg" alt="Holiday stock photos" width="200" height="200" /></a></td>
<td align="left"><a href="http://vivostockphoto.com/index.php?svector=1"><img src="http://www.vivostockphoto.com/images/vectorimages.jpg" width="200" height="200" alt="vector images"></a></td>
</tr>
<tr>
<td> </td>
<td colspan="2" align="center"><h2 class="style1">----------BROWSE BY CATEGORY----------</h2></td>
<td> </td>
</tr>
<tr>
<td><ul>
<li class="style2">Education</li>
<li class="style2">Food and Drink</li>
<li class="style2">Holidays and Celebrations</li>
<li class="style2">Vector Art</li>
<li class="style2">Industry</li>
<li class="style2">Isolated Objects</li>
</ul>
</td>
<td><ul>
<li class="style2">Animals and Pets</li>
<li class="style2">Architecture and Buildings</li>
<li class="style2">Arts and Entertainment</li>
<li class="style2">Health and Beauty</li>
<li class="style2">business</li>
<li class="style2">Concepts and Ideas</li>
</ul></td>
<td><ul>
<li class="style2">Lifestyles</li>
<li class="style2">Medicine and Science</li>
<li class="style2">Nature</li>
<li class="style2">Objects/Equiptment</li>
<li class="style2">People</li>
</ul>
</td>
<td><ul>
<li class="style2">Sports and Fitness</li>
<li class="style2">Technology</li>
<li class="style2">Transportation</li>
<li class="style2">Travel Destinations</li>
<li class="style2">Illustrations</li>
<li class="style2">Flash</li>
</ul>
</td>
</tr>
</tbody>
</table>