Product Page – Product with background

Hello (please check link)

I created a “product with background”, picture column (left one) is more ore less 50% of the total width of the page. I would like to have this column bigger (ex. 75% of total width) and the column with product details smaller. Is it possible? Thanks, Mattia

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to make those changes.

.single-product-page .product-image-summary .product-images {
	    width: 75%;
}

.single-product-page .product-image-summary .entry-summary {
	    width: 25%;
}

And add the following code to the Mobile Custom CSS area to make new styles responsive friendly.

.single-product-page .product-image-summary .product-images,
.single-product-page .product-image-summary .entry-summary{
	    width: 100%;
}

Regards

Thank you very much! 🙂

You are welcome 🙂

[Author]

Posts