title: Overriding wordpress !important while still able to use javascript to work with it
body: <p>I have found similar questions but none seem to touch the specific use case I have.</p>
  <p>I made a custom webpage to be used with my works WordPress site. WordPress wraps the custom code in a container div and has the following CSS:</p>
  <pre><code>max-width: 1200px!important
  width: 1200px!important;
  </code></pre>
  <p>The problems are:</p>
  <ol>
  <li>its set as important so in order to overide it with just css I would have to make mine also important AND more specific as I have gathered from other posts here.</li>
  <li>I need to be able to use Javascript to change the width on the fly, there is an event that causes this to happen frequently.</li>
  <li>The width of my div needs to be the default value, where it just grows with content.</li>
  </ol>