title: Override CSS height 0 and width 0 for iframes
body: <p>A particular stylesheet file of a WordPress theme has the following code</p>
  
  <pre><code>.padder iframe {
    height: 0;
    width: 0;
  }
  </code></pre>
  
  <p>I'm trying to override this in a custom CSS file for displaying video embedded <code>&lt;iframe&gt;</code> tags with height &amp; width attributes.</p>
  
  <pre><code>&lt;iframe src="...." width="600" height="338" frameborder="0" title="...." webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;
  </code></pre>
  
  <p>I tried <code>auto</code> for both the <code>height</code> and <code>width</code> but that makes the iframes smaller.</p>
  
  <p>If this isn't possible in CSS I'm ready to try jquery solutions.</p>