Hi ,

So after I updated the plugin to 3.1.0 now the form on the checkout page not working correctly,

See Here:
https://cl.ly/2r3D3L3Y1l2n
https://cl.ly/3W2l1N412N26

Here is the URL https://www.aldahil.com/checkout/

I have those custom CSS which was before the update and was working good.

.woocommerce-billing-fields p{
width: 100%;
}
@media (min-width: 480px ){
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{
margin-left: -10px;
margin-right: -10px;
}
.woocommerce-billing-fields p{
display: inline-block;
vertical-align: top;
float: none !important;
margin-right: -4px;
width: 50% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}

.select2.select2-container .select2-selection {
height: 35px;
color: #046380!important;
background: #d8ddd7!important;
border: 1px solid #c8cec7!important;
font-size: 16px;
}

.dtwpb-woocommerce-checkout .upb_row_bg {
background: none !important;
}

.woocommerce table.shop_table thead th {
color: #046380;
font-weight: 600;
font-size: 14px;
}

.woocommerce form .form-row .required {
color: #c54f32;
font-weight: 700;
border: 0;
visibility: hidden;
}

.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 600;
color: #046380;
}

#order_review thead .product-name{
background-color:#e0eae8;
border-color:#d4d9d3;
}

#order_review thead .product-total{
background-color:#e0eae8;
}

#order_review .cart-subtotal th{
background-color:#e0eae8;
border-color:#d4d9d3;
}

#order_review .order-total th{
background-color:#e0eae8;
border-color:#d4d9d3;
}

#order_review .woocommerce-checkout-review-order-table{
border-color:#d4d9d3;
}

#order_review tbody .product-name{
border-color:#d4d9d3;
}

#order_review tbody .product-total{
border-color:#d4d9d3;
}

#order_review .order-total td{
border-color:#d4d9d3;
}

#order_review .cart-subtotal td{
border-color:#d4d9d3;
}

#payment{
border-color:#d4d9d3 !important;
background-color:#eff4f3 !important;
}

#payment .wc_payment_methods{
border-color:#d4d9d3 !important;
}

#order_review_heading{
visibility:hidden;

}

.ult_tab_min_contain .woocommerce-billing-fields h3{
visibility:hidden;

}

#order_review .order-total th{
background-color:#eff4f3;
color:#1e3e49;
}

#order_review tbody .product-name{
border-right-width:1px !important;
border-right-style:solid;
}

#order_review thead .product-name{
border-right-style:solid;
border-right-width:1px;
}

#order_review .cart-subtotal th{
background-color:#eff4f3;
}

#order_review strong .woocommerce-Price-amount{
color:#1e3e49;
}

not sure what happened,

Thanks,

Add New Note to this Reply