By default, the platform does not have this option. You can use the following CSS code.


Please follow the steps below:


1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:


#content div.product div.woocommerce-product-gallery.images {

    width: 40%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 40%;

    flex: 0 0 40%;

    min-width: 40%;

}



.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {

    width: 60%;

}

#content div.product div.summary {

    width: 60%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 60%;

    flex: 0 0 60%;

    min-width: 60%;

}


4. Save changes.


Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshots


Without code


With code