关于 php:使结帐帐单地址字段以 100% 的可用宽度填充

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

我删除了 WooCommerce 结帐页面上的送货地址,并希望帐单地址字段填充所有网站空间。

像这样:

enter

我怎么能做这样的事情?

谢谢。


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

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

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

1
2
3
4
5
6
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 文件或任何插件文件中。

这已经过测试并且有效。