title: How to get rid of an automatically generated span via CSS (un-display)?
body: <p>I am using the Drupal <code>ShareThis</code> module. Unfortunately, a recent security release of this module has added a <code>span</code> in the generated code and it disrupts the layout of my page major. Everything was working fine before.</p>
  
  <p>There is no option to control the generation of this code:</p>
  
  <pre><code>&lt;span class="chicklets twitter"&gt;&amp;nbsp;&lt;/span&gt;
  </code></pre>
  
  <p>Is it possible to remove/not display this span code via CSS? If yes how?</p>
  
  <p>I tried:</p>
  
  <pre><code>.chicklets twitter {
      display:none;
  }
  </code></pre>
  
  <p>but no success. I am not a CSS expert. Thanks.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Here is a screen shot from FireBug:</p>
  
  <p><img src="https://i.stack.imgur.com/Fs9Ah.png" alt="enter image description here"></p>
  
  <p>I have been trying the suggested solutions:</p>
  
  <pre><code>span.chicklets {
      display:none;
  }
  </code></pre>
  
  <p>The above completely removes all ShareThis buttons (which can be explained by the following issue):</p>
  
  <pre><code>span.chicklets.twitter {
      display:none;
  }
  </code></pre>
  
  <p>The above removes the button, but the corresponding span still appears in FireBug as shadowed (see next).</p>
  
  <p><img src="https://i.stack.imgur.com/4xySv.png" alt="enter image description here"></p>
  
  <p>Of course, I need to keep my button. What could cause this?</p>
  
  <p>P.S.: Nevermind, I'll discuss this extra issue in another question if necessary.</p>