Conflitto tra WooCommerce e Bootstrap 4 in WordPress

Non posso rinunciare né a WooCommerce né a Bootstrap. Usandoli insieme, un conflitto rende il layout sballato. Il problema si vede nella pagina di checkout. Le poche righe di CSS qui sotto lo risolvono in un attimo. Ora posso godermi entrambi!

CSS

.woocommerce .col-1, .woocommerce .col-2 { 
    max-width:none; 
}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row { 
    display: block; 
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { 
    max-width: unset; 
}

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *