Conflicto entre WooCommerce y Bootstrap 4 en WordPress

No puedo renunciar ni a WooCommerce ni a Bootstrap. Al usarlos juntos, un conflicto deja el diseño descuadrado. Puedes ver el desajuste en la página de pago. Las pocas líneas de CSS de abajo lo arreglan rapidísimo. ¡Ahora puedo disfrutar de ambos!

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; 
}

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *