WooCommerce Shop Page Customization

Hi there,

First of all, I’m very new to WordPress and any help would be GREATLY appreciated.

Basically, I have 3 columns and I wanted there to be more room between the product boxes on my WooCommerce shop page. BUT I wanted the boxes on the far right and far left columns to go all the way to the edge.

I tried this CSS I found in another forum, and it helped with the spacing around the boxes, but obviously it also adds the margin on side of the boxes that are facing the outside edges of the grid.

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    width: 29%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 4%;
}

Thanks again for any help!