title: Showing a span element only when hovering over an image
body: <p>I have a wordpress recently viewed products widget. I would like the name of the product to show up over the image, when you hover over it.</p>
  
  <p>I have it working elsewhere, the difference is than with this widget, the li do not have a class attached. I know the line I need to fix is:</p>
  
  <pre><code>.product_list_widget ul li .attachment-shop_thumbnail:hover span.product_title {
  </code></pre>
  
  <p>I just don't know what it should be changed to, to show the span when the image is hovered!</p>
  
  <p>For the first time I got a fiddle to work!</p>
  
  <p>Any ideas?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.recent_view_prod ul.product_list_widget li {
    width: 22%;
    margin-right: 2%;
  }
  .recent_view_prod ul.product_list_widget li img {
    width: 100%;
    float: left;
  }
  .recent_view_prod ul.product_list_widget li {
    display: inline-block;
  }
  .recent_view_prod span.product-title {
    display: none;
  }
  .product_list_widget ul li .attachment-shop_thumbnail:hover span.product_title {
    display: block!important;
    z-index: 100;
    position: absolute;
    font-size: 1vw;
    line-height: 1.5em;
    text-align: left;
    padding-left: .5em!important;
    padding-right: .5em!important;
    color: white;
    background-color: rgba(160, 163, 162, 0.8);
    left: 0px;
    bottom: 25px;
    width: 75%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wpb_widgetised_column wpb_content_element recent_view_prod"&gt;
    &lt;div class="wpb_wrapper"&gt;
      &lt;div id="woocommerce_recently_viewed_products-3" class="widget woocommerce widget_recently_viewed_products"&gt;
        &lt;h3 class="widget-title element-title"&gt;Recently Viewed Products&lt;/h3&gt;
        &lt;ul class="product_list_widget"&gt;
          &lt;li&gt;
            &lt;a href="http://uc.petekirkwood.co.uk/shop/opulent-bloom-card-holder/" title="Opulent Bloom Card Holder"&gt;
              &lt;img width="180" height="135" src="http://uc.petekirkwood.co.uk/wp-content/uploads/2015/06/TedBaker_CardHolderOpulentBloom_2-180x135.jpg" class="attachment-shop_thumbnail wp-post-image" alt="TedBaker_CardHolderOpulentBloom_2"&gt; &lt;span class="product-title"&gt;Opulent Bloom Card Holder&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="amount"&gt;£19.95&lt;/span&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="http://uc.petekirkwood.co.uk/shop/store-ms/" title="Store-M's Nesting Food Boxes"&gt;
              &lt;img width="180" height="135" src="http://uc.petekirkwood.co.uk/wp-content/uploads/2015/06/StoreMs1-180x135.jpg" class="attachment-shop_thumbnail wp-post-image" alt="StoreMs1"&gt; &lt;span class="product-title"&gt;Store-M's Nesting Food Boxes&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="amount"&gt;£11.95&lt;/span&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="http://uc.petekirkwood.co.uk/shop/happy-jackson-crackers-tin/" title="Happy Jackson Crackers Tin"&gt;
              &lt;img width="180" height="135" src="http://uc.petekirkwood.co.uk/wp-content/uploads/2015/06/HappyJCrackersTIn-180x135.jpg" class="attachment-shop_thumbnail wp-post-image" alt="HappyJCrackersTIn"&gt; &lt;span class="product-title"&gt;Happy Jackson Crackers Tin&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="amount"&gt;£6.99&lt;/span&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;a href="http://uc.petekirkwood.co.uk/shop/happy-jackson-snack-box-set/" title="Happy Jackson Snack Box Set"&gt;
              &lt;img width="180" height="135" src="http://uc.petekirkwood.co.uk/wp-content/uploads/2015/06/SnackBoxSetx4_2-180x135.jpg" class="attachment-shop_thumbnail wp-post-image" alt="SnackBoxSetx4_2"&gt; &lt;span class="product-title"&gt;Happy Jackson Snack Box Set&lt;/span&gt;
            &lt;/a&gt;
            &lt;span class="amount"&gt;£9.99&lt;/span&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>