Woocommerce 预订

Question

有谁知道如何像这样更改人员类型字段：？

目前看起来是这样的：

谢谢。

Answer 1

.wc-bookings-booking-form .form-field input[type=number] {
    width: 55%;
}
.wc-bookings-booking-form .form-field {
    float: left;
    width: 30%;
}

虽然不建议使用 CSS 更改 'field' 视图，但您可以将上面的 CSS 复制并粘贴到 style.css 文件中，然后单击 更新文件 以保存更改。它会将对齐方式从垂直变为水平。

注意：您可能需要根据您网站的页面调整值(%)。或者，您可以使用另一个 WooCommerce bookings plugin 以更好、更推荐的方式显示 participants/people 字段。

希望对您有所帮助！ :)