Product page issue

[goodtimesmag]

Damn, is there no solution to just minimize the image inside the container, so that the image does not fit the whole container. So maybe that the image is only 60%!?

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:-

.woocommerce div.product div.images{
width:30% !important;
}
.woocommerce div.product div.summary{
width:66% !important;
}
.woocommerce div.product div.images img {
    display: block;
    box-shadow: none;
    width: 356px !important;
    height: 474px !important;
}

Thanks
Mohammad

[goodtimesmag]

Hi Mohammad,

thx, but now the image and product description is not responsive anymore.

[Mohammad – SUPPORT]

Hi,
Just remove the last code and use this new code:-

.woocommerce div.product div.images{
width:30%;
}
.woocommerce div.product div.summary{
width:66%;
}
.woocommerce div.product div.images img {
    display: block;
    box-shadow: none;
    width: 356px;
    height: 474px;
}

Thanks
Mohammad

[goodtimesmag]

That didn’t change anything. The image and the description behave still not responsive on mobile devices and smaller screens.

[goodtimesmag]

Any ideas?

[David Martin – Support]

Hi,
You should be able to do this in the theme options without the need for CSS. Please locate and try this option: (Test this with the above CSS removed.)

Theme Options => WooCommerce => Product Options => Product Image Width

– David.

[goodtimesmag]

Hi David,

in the Neighbourhood theme I can only see Theme Options => WooCommerce Options. Theme Options => WooCommerce => Product Options => Product Image Width ist not there.

[Rui Guerreiro – SUPPORT]

Hi,

That is an option that is not present in Neighborhood, only in Atelier, Joyn and Cardinal.

Check this article and try the code inside it.

Resize the product image / details area

-Rui

[goodtimesmag]

Thanks Rui, no it works! You guys are great!

[David Martin – Support]

Hi @goodtimesmag, apologies I was in Atelier mode! Glad Rui got it resolved for you.

Cheers,
David.