skip to Main Content

Snippet: Alter The Widths For The WooCommerce Product Media/Content

Total now has built-in customize settings you can use instead, please see the updated docs here.

The following CSS can be used to modify the default WooCommerce gallery and summary columns. This CSS should work with basically any theme and is not exclusive to Total.

/* Media Width */
.woocommerce div.product div.images { width: 36% !important; }

/* Content Width */
.woocommerce div.product div.summary { width: 60% !important; }
Back To Top