Archived topic
Woocommerce checkout layout
19 replies · Started by Alberto on May 24, 2018
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 :)