title: Override css for specific pinterest buttons
body: <p>I have added a pinterest button to my site so that if any image is hovered, the pinterest button will show up and you will be able to pin the image to your board:</p>
  
  <pre><code>&lt;script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true" data-pin-do="buttonBookmark" data-pin-color="white"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>However, on a couple of images, the button sits on top of the site header (which is fixed position to the top of the page) and disappear once the cursor enters the header.  I have been searching but could not find any way to overwrite the inline styles that are applied to the button for specific images.  </p>
  
  <p>Any solution I have found is for the older version of the pinterest button where you can easily override the styles in your css file.</p>
  
  <p>Does anyone know how to do this for the new button?</p>
  
  <p><a href="https://jsfiddle.net/b84hjnfk/1/" rel="nofollow">Here is a fiddle demonstrating my problem - you cannot click the button for the top two images</a></p>