更改 Woocommerce 帐单地址字段中的字段宽度答案

【问题标题】：Change field width in Woocommerce billing address field更改 Woocommerce 帐单地址字段中的字段宽度
【发布时间】：2019-11-10 21:29:18
【问题描述】：

我有一个使用子主题的 WordPress 网站，我在其中安装了 WooCommerce，但帐单/运输表格看起来很奇怪，没有对齐，而且大多数字段都很小。国家/地区字段（例如）如下所示：

我尝试通过使用functions.php 中的函数来更改字段类以使其更大，但它似乎不起作用。这是我用的：

function em_align_address_checkout_fields( $fields ) {
   $fields['billing_country']['class'][] = 'form-row-wide';

   return $fields;
}
add_filter( 'woocommerce_billing_fields', 'em_align_address_checkout_fields' );

有没有办法改变字段的宽度？如果您知道如何解决整体风格，我将不胜感激，与其他文章相比，我不认为这是应该的样子，而且我不是 Woocommerce 或 Wordpress 方面的专家。

感谢您的帮助！

【问题讨论】：

标签： php wordpress woocommerce

【解决方案1】：

您可以在子主题 css 中为这些字段编写自定义 css。

.woocommerce-billing-fields__field-wrapper label{ width 50%;float:left;}/* 仅在必要时使用。它可能会影响整体结帐字段布局 */ #billing_country_field 标签{ 宽度：50%;} #billing_country_field 选择{宽度：50%;}

或者您可以使用官方扩展来覆盖结帐布局。

https://docs.woocommerce.com/document/checkout-field-editor/

【讨论】：