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%;
}

[Author]

Posts