Archived topic
Option "Product Image Area Width"
8 replies · Started by Georgi on April 16, 2020
Hello :)
I really love this theme. I noticed it has a neat customization option called "Product Image Area Width", found in Customization > Layout > WoooCommerce.
Wondering what is the code behind it that does that? I've a small sideproject to my main site that uses GP, and I want to give it a similar look. If you can help, will be thankful :)
Hi there,
Not exactly sure what you mean.
Like what CSS code is changing?
Yep, if not's too much to ask how is it changing the area width. Wish to employ it on a smaller project that compliments my main one which uses GP Premium.
It's just changing the width of that div:
https://www.screencast.com/t/WYqx7BvNs
https://www.screencast.com/t/g8xcjzg2j
Yep I understand that, the thing is I'm not skilfull enough with code to know how it is done :/
Is this the one I should copy for CSS?
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 45%;
}
Still not quite sure what you are trying to achieve here but yes that's the CSS used.
I wish to reduce this area on another site because the area there is too big and cannot be adjusted by its theme.
Like another site that's not using GP? If so that CSS won't work.
Yes. Oh, okay.
