Conflit entre WooCommerce et Bootstrap 4 dans WordPress

Je ne peux renoncer ni à WooCommerce ni à Bootstrap. Utilisés ensemble, ils entrent en conflit et la mise en page devient bancale. Le problème est visible sur la page de paiement. Les quelques lignes de CSS ci-dessous le règlent très vite. Je profite désormais des deux !

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

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *