title: how to move image vertically with css
body: <p>i m working with wordpress and wooslider. My problem is that i want to pan an thumbnail image on mouse hover like this: <a href="http://www.templatemonster.com/demo/44427.html" rel="nofollow">Sample Site</a></p>
  
  <p>This is the output I achieved from wooslider however i want the effect to be like the one mentioned above: <a href="http://flexslider.woothemes.com/thumbnail-controlnav.html" rel="nofollow">Wooslider effect</a></p>
  
  <p>The css has the following lines, however Im finding it tough to figure out what edits to make in order to achieve the above effect</p>
  
  <pre><code>.wooslider-control-thumbs img:hover {opacity: 1;}
  </code></pre>