Woo Commerce Product Page

Hi,
Well, these things are possible through custom coding and through the page builder plugin.

They provide features to design the whole page the way you want.

There are plenty of plugins on org it is totally up to you which one you choose.

Thank you

Hi Frank,

Kindly try the following CSS in your Customizer → Additional CSS:

.postid-15572 .col-lg-4 {
    width: 20% !important;
}

.postid-15572 .col-lg-8 {
    width: 78% !important;
}

For more info on targeting a specific product page with CSS, kindly check this guide – https://www.businessbloomer.com/woocommerce-apply-css-changes-one-pageproduct/.

Hope this helps, we’ll be happy to be of further assistance.
Many thanks.

Thank you again Abwaita for your kind reply.
It works very well and is very helpful to me.
I have looked at the guide you directed me to and will continue
to study it.
If I may be so presumptuous to ask a further question.
I like the result of the size change on the specific product id. given.
If I wanted to have this apply to all my product ids. as the default,
could I make a change in the Additional CSS you gave me, or would
that require a different action.

Thanks again for all your help and I will try to reciprocate
through the Org Forums.

Frank.

Hi Frank ??

I’m glad to hear that my colleague response was helpful ??

If I wanted to have this apply to all my product ids. as the default,
could I make a change in the Additional CSS you gave me, or would
that require a different action.

Great question! To apply the CSS provided by my colleague to all of your products, you would need to use one or more general selectors that all the products share. So in your case, you can use the following CSS code:

/*Increase width of the product image container*/
.single-product .single-product-row .product-img-case {
    width: 20% !important;
}
/*Increase width of the product summary container*/
.single-product .single-product-row .product-summary-case {
    width: 78% !important;
}

This code should apply to all your product so please feel free to replace the previous code with this one.

Cheers ?

Hello Gabriel

Thank you Gabriel. It works beautifully.

My sincere thanks to you and your colleagues Abwaita and zworthkey for
their kind and knowledgeable help on this issue.

It is appreciated.

Frank.

You are most welcome! We are happy to help ??

Great! I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Have a great day ahead!