title: reducing woocommerce column spacing
body: <p>I am trying to narrow the space between columns in woocommerce 2.4.3 on a product page/category page. I want to keep the left product aligned to the left side of the page and the right product aligned to the right in a three column arrangement. I want to reduce the white space between the product. The CSS that I have applied so far is, </p>
  
  <pre><code>.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      float: left;
      margin: 1px 10px 0.1em 1px;
      padding: 0;
      position: relative;
  }
  </code></pre>
  
  <p>and this does allow me to reduce the spacing, however it does not align the third column to the right of the page. You can <a href="http://screencast.com/t/AxbCBcpDWpUO" rel="nofollow">view an image here</a> of the problem. I have also tried this targeting the last item with this, but have not had any luck</p>
  
  <pre><code>.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
      margin-right: 0px !important;
  }
  </code></pre>
  
  <p>I would really appreciate it someone had some advise or suggestions to help me out.
  Thanks</p>