title: Cannot resize table using CSS (Wordpress)
body: <p>NOTICE: I posted this question in the Wordpress forum but was directed to this site as it dealt with CSS. Please refrain from telling me this does not belong here as I have no other options. Thanks. : )</p>
  
  <p>I am using a Responsive Wordpress theme and have been loving it so far. I've uploaded some XML data through the WP Import All plugin into a table and it's working perfectly! However I can't seem to change the height/width on the table itself, the table data or rows. I've created a child theme and all my other CSS is working fine. Here is the code I have. The 40px is just a random number to test if it is working.</p>
  
  <pre><code>table{
      text-align: right;
      border-collapse: collapse;
      font-family: sans-serif;
      font-size:9px;
      width: 40px;
  }
  th{
      font-size:12px;
  }
  </code></pre>
  
  <p>This is what the Responsive theme CSS table styles looks like. I have not modified it just created a child theme.</p>
  
  <pre><code>/* =Tables
  -------------------------------------------------------------- */
  th,
  td,
  table {
      border: 1px solid #dddddd;
  }
  
  table {
      border-collapse: collapse;
      width: 100%;
  }
  </code></pre>
  
  <p>Whenever I refresh the page the table stays exactly the same. I can change the font size, background etc. but not the size. Any help would be wonderful! Thanks for the time.</p>