在 Woocommerce 中将结帐字段标签移到左侧
Move a checkout field label to the left in Woocommerce
我有一个很小的 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.
}
这里有什么帮助吗?
要更改什么以使所有字段相等?
您可以尝试添加针对 <label>
html 标签的附加 CSS 规则:
form.checkout #billing_last_name_field label,
form.checkout #shipping_last_name_field label{
margin-left: 40px;
}
应该可以。
我有一个很小的 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.
}
这里有什么帮助吗?
要更改什么以使所有字段相等?
您可以尝试添加针对 <label>
html 标签的附加 CSS 规则:
form.checkout #billing_last_name_field label,
form.checkout #shipping_last_name_field label{
margin-left: 40px;
}
应该可以。