title: Adding class to fancybox image pop up
body: <p>I need to use a slightly different implementation of fancybox in 2 different places on my site.</p>
  
  <p>One utilises a group of images and one just a single image.</p>
  
  <p>I have added some styling to the overlay to achieve the styling I need to with the image group, however I do not need the additional styling with the single image as it pads the bottom of the white "frame" to create space for the navigation to sit. This just appears as empty white space in the single image which I need to remove.</p>
  
  <p>Is there a way to send a class to the overlay via the image link for the single images so I can remove this white space?</p>
  
  <pre><code>&lt;a href="/assets/Uploads/_resampled/croppedimage640480-site.jpg" class="fancybox"&gt;
      &lt;img src="/assets/Uploads/_resampled/croppedimage181118-site.jpg" alt="site"&gt;
  &lt;/a&gt;
  </code></pre>