Ok ich habe mal den Slider eben schnell in die V2.2 eingebaut um dir zu helfen 
Du musst aus den Nivoslider Pack den Themes Ordner mit ins Images Verzeichnis kopieren und dann die die Zeile
<link rel="stylesheet" href="images/themes/default/default.css" type="text/css" media="screen" />
im main-content.html an erster Stelle vom Nivoslider Code einfügen. Bei mir sieht das ganze dann so aus
<link rel="stylesheet" href="images/themes/default/default.css" type="text/css" media="screen" />
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="images/nivo-slider/toystory.jpg" alt="" />
<a href="http://dev7studios.com"><img src="images/nivo-slider/up.jpg" alt="" title="This is an example of a caption" /></a>
<img src="images/nivo-slider/walle.jpg" alt="" />
<img src="images/nivo-slider/nemo.jpg" alt="" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
{literal}
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
{/literal}
Alles anzeigen
Die Pfade musst Du dir natürlich selber anpassen, so ich hoffe ich konnte Dir erfolgreich helfen 
Und natürlich im themes/default die default.css bearbeiten :p