Nivo slider issues on Homepage

Hi Guys,

I have installed the nivo slider on my homepage ( but I have a couple of small problems:

  1. This has caused the category “Specials” to appear indented right slightly
  2. The sub categories for “Stovetop Espresso Maker” appear behind the banner - How do I modify the z-index for these so they are always in front?

    Any help would be appreciated!


1.) The specials category looks fine to me. I’m using FF 3.6.8

2.) I’m not sure the best way to fix this, but one way is to add a z-index: 0; to the class .nivoSlider on line 14 of your nivo-slider.css file.

Hope that helps,


thanks - looks like its done the trick

The specials issue occurs on Chrome for me - see attached

Screen shot 2010-08-23 at 2.02.18 PM.png


i am new for cs cart. I am intrested to add this nivo slider into my cart, is there any member can help me out by explaining it clearly how to place this in home page.


steps i followed


{script src=""}
{script src="js/jquery.nivo.slider.pack.js"}

i added this in scripts.tpl bellow

{script src="js/ajax.js"}

2) later i added

in styles.css


3) finally i have created a html block and placed it at center of homepage and filled the HTML code


This is an example of a HTML caption with a link.


is my steps are right? i know its not right bcz i didnt get the proper output

since i am new for it. really need a guidence for it.
its going to be really helpful for me if some one explains it out.

thank you