在 Woocommerce 中将结帐字段标签移到左侧答案

【问题标题】：Move a checkout field label to the left in Woocommerce在 Woocommerce 中将结帐字段标签移到左侧
【发布时间】：2018-08-04 01:19:12
【问题描述】：

我有一个非常小的 CSS 问题不知道如何解决。

我已将输入表单移至右侧一点的checkout，但看起来标签不会随表单移动。现在看起来像这样：

我尝试使用该规则自定义 CSS：

form.checkout #billing_last_name_field, form.checkout 
#shipping_last_name_field {
float: none !important;
margin-top: -24px;
margin-left: 40px; // i added this but nothing changed.
}

这里有什么帮助吗？

要改变什么以使所有字段相等？

Link to product here

【问题讨论】：

标签： css wordpress woocommerce styles checkout

【解决方案1】：

您可以尝试添加这个针对<label> html 标记的额外CSS 规则：

form.checkout #billing_last_name_field label, 
form.checkout #shipping_last_name_field label{
    margin-left: 40px;
}

它应该可以工作。

【讨论】：