title: Pinterest board widget CSS styling
body: <p>I've been stuck on this for the last hour and a half and can't solve it. 
  So, I know pinterest widgets reset their class on page load, I have managed to get the widget looking as good as I can be bothered with, now just one element needs to go.</p>
  
  <p>In the following link, at the bottom, you can see the widget - and the 'see on' box thing. This is what needs to go. </p>
  
  <p><a href="http://innov8web.co.uk/new3/" rel="nofollow">http://innov8web.co.uk/new3/</a></p>
  
  <p>I have tried everything I can think of. Code snippets attached. Any help will be appreciated. </p>
  
  <pre><code>a.PIN_1394396792408_embed_grid_ft{display:none!important;}
  #pinterest-widget a.PIN_1394396792408_embed_grid_ft{display:none!important;}
  #pinterest-widget span a.PIN_1394396792408_embed_grid_ft{display:none!important;}
  #pinterest-widget span span a.PIN_1394396792408_embed_grid_ft{display:none!important;}
  
  
  a.PIN_1394395968955_embed_grid.PIN_1394395968955_fancy{display:none!important;}
  .PIN_1394395968955_embed_grid.PIN_1394395968955_fancy{display:none!important;}
  </code></pre>
  
  <p>And the javascript I have tried </p>
  
  <pre><code>&lt;script&gt;
  function addNewStyle(newStyle) {
      var styleElement = document.getElementById('styles_js');
      if (!styleElement) {
          styleElement = document.createElement('style');
          styleElement.type = 'text/css';
          styleElement.id = 'styles_js';
          document.getElementsByTagName('head')[0].appendChild(styleElement);
      }
      styleElement.appendChild(document.createTextNode(newStyle));
  }
  
  addNewStyle('span a.PIN_1394396792408_embed_grid_ft{display:none !important;}')
  &lt;/script&gt;
  </code></pre>
  
  <p>So, thanks in advance. </p>