Site logo

Archived topic

Woocommerce checkout layout

19 replies · Started by Alberto on May 24, 2018

Viewing posts 16–20 of 20

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?

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

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

Hi Tom.
Also this must be added

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

Thanks

Glad it worked :)

This archived topic is closed to new replies.