title: Adding overlay on mouseover
body: <p>I am a very new web developer. I am currently coding a simple <a href="http://www.loveitlocal.es" rel="nofollow">wordpress landing page</a> and I wanted to add some functionality to darken and add text when the user hovers the mouse over said image. It truly should be something quite simple.</p>
  
  <p>For <a href="http://www.leclercbrothers.com/%29" rel="nofollow">an example</a> that actually implements the same wordpress theme and does it right.</p>
  
  <p>in the "about us" section of the page above, they have pictures that have the exact same functionality I need for hovering, yet I have no idea how they did this. </p>
  
  <p>If you need any more clarification, please do not hesitate to ask, I am not sure if my lexicon is correct/clear at all.</p>