使结帐帐单地址字段填充可用宽度的100％

Question

我在WooCommerce结帐页面上删除了送货地址，并希望结算地址字段填满所有网站空间。

像这样：

我该怎么办？

感谢。

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文件或任何插件文件。

这是经过测试和运作的。