[Resolved] Woocommere Product Page Images not full column size

[_blank]

Hi There

Any idea why Beaver Themer would change the Woocommere Product Page images to have the size.
They are working fine with the default Generate Press when I disable the Singular Post Layout

I’ve opened a ticket with them Beaver Builder as well.

Thanks
Scott

[David]

The default layout for Woo has the image and content in one container, with the image set to 48% of that width. The BB module is placing the image inside its own container which creates the problem. Maybe there is an option in BB (or should be) to override that CSS. In the meantime you can try this CSS:

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 100% !important;
}

[_blank]

Hi David

That worked and looks great now.
Thanks
Scott

[David]

Your welcome Scott, glad we could help.

[Author]

Posts