title: How do I spilt the footer into different widths?
body: <p>Hi there i'm using Wordpress and the Wootique theme, the theme supports a variety of footer widget layouts just 1 or split into 2, 3 or 4 columns but I want to change it so if its set to 3 columns that it will be the first footer widget is half the overall size and the other 2 and then split between the remaining half.</p>
  
  <p>Here is the current css how do I split that so its 48% 24% and 24%?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/* 3 columns */
  
  #footer-widgets.col-3 .block {
    width: 30.75%;
    float: left;
    margin-right: 3.8%;
  }
  #footer-widgets.col-3 .footer-widget-3 {
    margin-right: 0;
  }</code></pre>
  </div>
  </div>
  </p>