减少woocommerce列间距

Question

我正在尝试缩小产品页面/类别页面上woocommerce 2.4.3中列之间的空间。我希望左侧产品与页面左侧对齐，右侧产品以三列排列方式对齐。我想减少产品之间的空白区域。我到目前为止应用的CSS是，

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 1px 10px 0.1em 1px;
    padding: 0;
    position: relative;
}

这确实允许我缩小间距，但它不会将第三列与页面右侧对齐。您可以view an image here解决问题。我也试过用这个目标定位最后一项，但没有运气

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 0px !important;
}

我真的很感激有人提出一些建议或建议来帮助我。 感谢