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

  • Updated:
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; }
Learn how to add custom CSS to your site.
Back To Top