How do I increase the container size for product pics on single product pages? I tried doing what was said in this thread: https://kriesi.at/support/topic/increase-size-of-main-product-image-on-single-product-pages/ but the CSS did not work and I could not find it in config-woocommerce>config.php.
Hey krakers2015!
Please share the link to the page where we can inspect the element in question and help you resolve it :)
Regards,
Vinay
Here is a link to one of my single product pages. I would like to increase the image container and decrease the amount of room for the description.
Thanks!
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.single-product-main-image {
width: 65%;
}
Best regards,
Yigit
That worked, thank you! Also, I noticed I have a dotted line underneath my product pictures on mobile. How do I remove it?
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.single-product .sidebar {
border: none!important;
}}
Best regards,
Yigit
Perfect, than you!