Woocommerce single page image

Public Ticket #5354

Conversation thread

Brenda L. Ellison replied

7 years ago

Customer Reply

Perfect - thanks

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

\
@media only screen and (min-width: 768px){\
.woocommerce div.product div.images, .woocommerce-page div.product div.images{ width: 40%; }\
.woocommerce div.product div.summary,  .woocommerce-page div.product div.summary{ width: 56%; }\
}\

Change values 40% and 56% to values you want. Make sure total of that 2 values is 96%

Best Regards,

PenciDesign

Brenda L. Ellison replied

7 years ago

Customer Reply

The page looks exactly like this - but I don't want the image to take up 50% of the width.

http://soledad.pencidesign.com/product/twill-zip-tote/

Have attached an example of that page with a smaller image so the text div is wider

PenciDesign replied

7 years ago

Staff Reply

Hi,

Can you tell me more about your question and send me screenshot about this?

Also, please show me an URL for your single product to I can take it a look.

Best Regards,

PenciDesign

Brenda L. Ellison started the conversation

7 years ago

Conversation Start

I can't get the Woocommerce single product image any smaller. Have tried to in the Customizer but nothing changed.

Thanks for your help.

Want to join this conversation or access attachments? Sign in first.