title: how to hide nivo slider caption area and make slides clicable
body: <p>I have a nivo slider on my page, but I can't figure out how to have the slides clickable to pages and to remove the bottom area where the caption goes? 
  Here is the HTML:</p>
  
  <pre><code>&lt;div id="content"&gt;
  &lt;div id="wrapper"&gt;
  &lt;div class="slider-wrapper theme-default"&gt;
  &lt;div id="slider" class="nivoSlider"&gt;
  &lt;a href="/GrantInfo/NonProfitPartners.html"&gt;&lt;img src="nivo-slider/demo/images/moorecenter.jpg" data-thumb="images/moorecenter.jpg"/&gt;&lt;/a&gt;
  &lt;a href="/GrantInfo/NonProfitPartners.html"&gt;&lt;img src="nivo-slider/demo/images/AIR.jpg" data-thumb="images/AIR.jpg" alt="AIR Seacoast" data-transition="slideInLeft"/&gt;&lt;/a&gt;
  &lt;a href="/Programs+Publications/Publications.html"&gt;&lt;img src="nivo-slider/demo/images/circle.jpg" data-thumb="images/circle-program.jpg" alt="Circle Program Plymouth" data-transition="slideInLeft"/&gt;&lt;/a&gt;
  &lt;a href="/GrantInfo/NonProfitPartners.html"&gt;&lt;img src="nivo-slider/demo/images/wholevillage.jpg" data-thumb="images/wholevillage.jpg" alt="Whole Village Plymouth"/&gt;&lt;/a&gt;
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the CSS for the captions:</p>
  
  <pre><code>.nivo-caption {
  display: none !important;
  }
  
  .nivo-html-caption {
  display:none;
  }
  </code></pre>