[Resolved] Woocommerce checkout layout

[Tom]

It looks like it’s working for me, now. The entire page is one column, and everything is 100% wide. Can you try clearing your browser cache?

[Alberto]

Hi Tom
As I told you, I want the same layout as with the WooCommerce addon deactivated but, obviously, using the WooCommerce addon. This means the billing fields at the left column, the shipping fields at the right column, and the order details at the bottom (as they are now).

Regards

[Tom]

Ah, in that case, try this:

.woocommerce-checkout .col2-set .col-2 {
    float: right;
    width: 48%;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
}

[Alberto]

Hi Tom.
Also this must be added

.woocommerce-checkout .col2-set{
    width: 100% !important;
    float: none !important;
}

Thanks

[Tom]

Glad it worked 🙂

[Author]

Posts