Hi,
In the previous update, we stopped using the Bootstrap grid and switched to a custom grid based on Flexbox Grid. Accordingly, classes like .col-lg-6 are no longer used in our theme, and all custom code relying on it has stopped working. Most of your customizations can be fixed simply by removing the .col-lg-6 class from selectors. For example, replace .col-lg-6.summary.entry-summary .woocommerce-Price-amount.amount with .summary.entry-summary .woocommerce-Price-amount.amount.
Regarding column widths on single product pages, the previous customizations cannot be adapted in the same way because Flexbox Grid requires different styles for similar implementations. To achieve a similar 60/40 aspect ratio column layout, try to add the following custom code to the Global Custom CSS area located in the Custom CSS section of the Theme settings:
@media (min-width: 1025px) {
body .product-image-summary-inner.wd-grid-g {
grid-template-columns: 60% 1fr;
}
body .product-image-summary-inner > .product-images,
body .product-image-summary-inner > .entry-summary {
grid-column: unset;
min-width: 1px;
}
}
Kind Regards
.
