Buat pengguna woocommerce, pasti ada yang gunakan theme di mana sesetengah checkout page adalah dalam 1 column seperti begini;

 

Jadi untuk tampak lebih kemas, saya syorkan penggunaan dua kolum seperti berikut;

Untuk mencapai paparan dua kolum seperti di atas, cuma tambah kod berikut di Theme option > Custom Code/Custom CSS

@media (min-width: 768px){
#customer_details{
width: 60%;
float: left;
}
#order_review_heading{
width: 30%;
float: left;
}
#order_review{
width: 40%;
float: left;
padding-right: 50px;
}
.woocommerce table.shop_table td{
width: 50%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
width: 100%;
}
}

Semoga membantu