Jadikan ‘Checkout Page’ woocommerce kepada dua kolum

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...

Read More