使结账账单地址字段填充可用宽度的 100%

Question

我删除了 WooCommerce 结帐页面上的送货地址，并希望账单地址字段填写所有网站 space。

像这样：

我怎样才能做这样的事情？

谢谢。

Answer 1

您可以尝试将此添加到您的活动子主题或主题的 styles.css 文件中：

.woocommerce-page.woocommerce-checkout .col2-set .col-1 {
    float: none !important;
    width: 100% !important;
}

或者在您的活动子主题或主题的 function.php 文件中：

function custom_checkout_css_styles() {
    ?>
        <style>.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {float: none !important;width: 100% !important;}</style>
    <?php
};
add_action( 'woocommerce_checkout_before_customer_details', 'custom_checkout_css_styles' );

此代码位于您的活动子主题（或主题）的 function.php 文件中或任何插件文件中。

这已经过测试并且有效。

使结账账单地址字段填充可用宽度的 100%

Making checkout billing address fields filling at 100% of the available width

php

css

wordpress

woocommerce

checkout