css style problem on checkout page
-
Hello sir,
Can you help me to find a solution for css on checkout page, please.
go here: https://annachi.fr/commande
i want to strech the input (look at attached picture) upto full size of table.
Thanks
Attachments:
You must be
logged in to view attached files.
sorry, here is the link of checkout page: https://annachi.fr/checkout
This css snippet work, but you must check the responsive before.
.woocommerce-additional-fields {
width: 200%;
}
Bye
Hi,
Try to add the following code snippet to the Custom CSS area in Theme Settings
.woocommerce-checkout-review-order-table table,
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tfoot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.woocommerce-checkout-review-order-table tfoot tr:not(.cart-subtotal):not(.order-total) td {
max-width: 100%;
}
.
