Comments 2Peter started the conversationNovember 12, 2017 at 3:55amHi How to modify spacing on product page? I need to have product description narrower and product image wider (bigger). I have added CSS code but image size did not get bigger (it got even smaller). /** * single product page layout * 59% (image) + 4% (spacing) + 37% (summary) = 100% ***//* modify product image width */.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { width: 59%;}/* modify product summary width */.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { width: 37%;} Peter 895TheFox repliedNovember 13, 2017 at 2:05amHello Peter,You need to change the width of those two containers :.rd_woo_image_ctnand.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summaryThen change.product_image_wrapper { width:470px; }to the width you want to use for the images.Do not hesitate to contact us if you have more questions. Have a nice day! Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme 2Peter repliedNovember 13, 2017 at 9:14amHi Thank mate. That helped.RegardsPeter 895TheFox repliedNovember 14, 2017 at 2:56amHello Peter,You're welcome, glad to have been able to help you!Do not hesitate to contact us if you have more questions. Have a nice day! Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Sign in to reply ...
Hi
How to modify spacing on product page? I need to have product description narrower and product image wider (bigger). I have added CSS code but image size did not get bigger (it got even smaller).
/**
* single product page layout
* 59% (image) + 4% (spacing) + 37% (summary) = 100% *
**/
/* modify product image width */
.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
width: 59%;
}
/* modify product summary width */
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
width: 37%;
}
Peter
Hello Peter,
You need to change the width of those two containers :
.rd_woo_image_ctn
and
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary
Then change
.product_image_wrapper { width:470px; }
to the width you want to use for the images.
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi
Thank mate. That helped.
Regards
Peter
Hello Peter,
You're welcome, glad to have been able to help you!
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme