Issues with Nivo Slider

Nivo slider is a nice tool for front page slideshows. The reasons you should try Novo are:

  • Allows clickable images
  • Allows separate admin interface to be exposed to clients
  • Allows simple management of slideshows, ordering of slides, overlays etc.

However, Nivo seems to be getting shipped with persistent bugs. The following fixes are required to get expected behaviour from Nivo.

Problem #1. Small image appearing on top left before each transition.
Solution: Add the following to custom CSS:

.nivoSlider img { max-width: none; }

Problem #2. Nivo seems to overlay surrounding page elements causing the links to become un-click-able and potentially affecting forms too.
Solution: Add the following to custom CSS:

.nivoSlider { z-index:0; }

Enjoy!

Technologies: