Big Cartel Theme Support

How do I change the size of the image and description columns on my product page?

How do I change the size of the image and description columns on my product page?

On themes that display the product images and product description side by side (columns) on product pages, the columns are typically sized to 50% of the content area width.

To change this sizing, add the following custom CSS to your custom style coding area - see Where do I add custom style code?:

/* Product page column sizing
** Image column */
.single .images-wrap {
	width: 60%;
}
/* Description column */
.single .details-wrap {
	width: 40%;
}

In this example we have increased the image column width to 60%. Note that we must also decrease the description column width to 40% in this case, to ensure that the total of column widths (60% plus 40%) is equal to 100%.

Click the Done and Save buttons to apply your changes.

AarcadeHow do I change the size of the image and description columns on my product page?