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;