WooCommerce Germanized Pro style compatibility fixes
In order to make WooCommerce Germanized Pro multistep checkout to have correct styles with The7 theme, the following CSS code
can be added into Dashboard – Theme Options – Advanced – Custom CSS
.woocommerce-multistep-checkout .form-row.data-privacy,
.woocommerce-multistep-checkout .wc-gzd-checkbox-placeholder {
clear: both;
}
.woocommerce-multistep-checkout .woocommerce-checkout .shop_table {
background: none;
}
.woocommerce-multistep-checkout .woocommerce-checkout .shop_table thead tr {
border: none;
.woocommerce-multistep-checkout .woocommerce-checkout-review-order-table tr, .woocommerce-cart-wrap .cart_totals tr {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-ms-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce-multistep-checkout .woocommerce-checkout-review-order-table .cart-subtotal td {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
@media screen and (max-width: 600px){
.content .woocommerce-checkout-review-order-table .cart-subtotal td, .content .woocommerce-checkout-review-order-table .cart-subtotal th{
width: initial;
}
}