Skip to content

Instantly share code, notes, and snippets.

@agusmu

agusmu/style_01_woocommerce.css

Last active December 23, 2015 15:28
Show Gist options
  • Save agusmu/6655298 to your computer and use it in GitHub Desktop.
Save agusmu/6655298 to your computer and use it in GitHub Desktop.
Download ZIP
WooCommerce - Modify Product Image & Summary Width on Single Product Page
Raw
style_01_woocommerce.css
/**
* single product page layout *
* 23% (image) + 4% (spacing) + 73% (summary) = 100% *
**/
/* modify product image width */
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
width: 23%;
}
/* modify product summary width */
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
width: 73%;
}
Raw
style_02_primashopwpec.css
/**
* single product page layout *
* 23% (image) + 4% (spacing) + 73% (summary) = 100% *
**/
/* modify product image width */
.single_product_display .imagecol {
width: 23%;
}
/* modify product summary width */
.single_product_display .productcol {
width: 73%;
}
@agusmu
Copy link
Author

agusmu commented Sep 28, 2013

Tutorial: http://www.primathemes.com/documentation/woocommerce-modify-product-image-summary-width-single-product-page/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment