在Woocommerce中并排获取登录和注册表单

Question

嗨，我用WooCommerce作为我的Wordpress网站。如果您未登录，“我的帐户”页将显示“登录和注册”表单.

由于某种原因，注册表单在登录表单下。

我尝试了这个CSS：

.woocommerce-account .col-1, .woocommerce-account .col-2 {
width: 10%; float: left !important;}

有人知道如何并肩作战吗？

Answer 1

更新：您应该尝试以下操作：

@media only screen and (min-width: 768px) {
    .col2-set#customer_login .col-1,
    .col2-set#customer_login .col-2 {
        float: left !important;
        width: 47% !important;
        margin-right: 0 !important;
        margin-left: 0 !important; /* optional */
        border:none !important; /* optional */
    }
    .col2-set#customer_login .col-1 {
        margin-right: 6% !important;
    }
    .col2-set#customer_login {
        width: 100% !important;;
        float: none !important;;
    }
}

然后，您应该尝试删除：

• !important一个接一个地看是否真的有必要
• margin-left: 0 !important;
• border:none !important;

这应该管用