Resize the product image / details area

If you’d like to resize the image/product details area, then you can do so with the following custom css:

@media only screen and (min-width: 768px) {
/* IMAGE AREA */
.woocommerce div.product div.images {
width: 30%;
}
/* DETAILS AREA */
.woocommerce div.product div.summary {
width: 67%;
}
}

The widths must add up to 97%.

– Ed