两列Checkout Woocommerce

Question

我喜欢在www.narwal.shop/checkout上有两列结账

我应用了以下代码：

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 993px) {

    /* ---------------------
        WOOCOMMERCE
        --------------------- */
        body .woocommerce .col2-set .col-1{width:100%;}
        .woocommerce-billing-fields h3{margin-top:40px;}
        .woocommerce .col2-set, .woocommerce-page .col2-set{width:48%;float:left;}
        #order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{float:left;width:48%;margin-left:2%;}

}

它们完美地相邻对齐(除了标题“您的订单”，我只想让它们挨着。感谢您的帮助。

Answer 1

或者，如果您的主题有列快捷代码，这将更容易。这就是我如何用U-Design短码完成同样的事情，而不是CSS。

[one_half]
[woocommerce_cart]
[/one_half]

[one_half_last]
[woocommerce_checkout]
[/one_half_last]