使结帐帐单地址字段填充为可用宽度的 100%答案

【问题标题】：Making checkout billing address fields filling at 100% of the available width使结帐帐单地址字段填充为可用宽度的 100%
【发布时间】：2016-10-04 02:25:39
【问题描述】：

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

像这样：

我该如何做这样的事情？

谢谢。

【问题讨论】：

标签： php css wordpress woocommerce checkout

【解决方案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 文件中或任何插件文件中。

这是经过测试并且有效的。

【讨论】：

如果我想改变字段的位置（把国家字段放在姓氏下面），我应该在form-billiing.php中做吗？顺便说一句，代码正在运行，谢谢。
@Capslock10 这是另一个问题，与相关代码无关。所以最好的办法是提出一个新问题，询问如何重新排列结帐字段，我会回答的。你还没告诉我我的回答对你有用吗？
感谢您的回复。我会先找到一些解决方案。感谢您的帮助:)。
@Capslock10 在此线程中，您拥有所需的一切：stackoverflow.com/questions/39129295/…