title: Show title on hover on gallery image thumbnails CSS
body: <p>I have a gallery of images and am trying to get a simple hover of an ID number/title for each image. I don't need a fancy transition or anything (it would be too hard for me to do tbh), just the title to appear when I mouse over it. My site is with Squarespace and they can't help as it's seen as advanced programming. </p>
  
  <p>They have a custom css code section that you just paste the coding into. Don't think you put anything in the head section, just the css into this bit of the site. This is the code someone used to fade the images on rollover. (They said the main element is the first line). </p>
  
  <pre><code>.sqs-gallery-design-grid-slide:hover {
   -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
  -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
  -ms-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
      transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);  
       opacity: 0;
  
       }
  </code></pre>
  
  <p>All I'm looking for is to change it to show image titles on hover instead of fading the image. When you upload each image you can name it, is there a way through CSS to tell it to pick up this info to appear on hover?</p>
  
  <p>I know <strong>nothing</strong> about CSS coding but have tried for almost a fortnight to learn enough to do this myself, and I'm lost. Any help at all would be very much appreciated! 
  Thanks</p>