Conflito entre o WooCommerce e o Bootstrap 4 no WordPress

Não consigo abdicar nem do WooCommerce nem do Bootstrap. Quando são usados em conjunto, um conflito deixa o esquema desalinhado. Pode ver a falha na página de pagamento. As poucas linhas de CSS abaixo resolvem o problema num instante. Agora posso usufruir 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; 
}

Leave a Comment

O seu endereço de email não será publicado. Campos obrigatórios marcados com *