css - 在 Woocommerce 中将结帐字段标签移到左侧

标签 css wordpress woocommerce styles checkout

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

我已将输入表单移至 checkout有点右,但看起来标签不随形式移动。现在看起来像这样:

enter image description here

我尝试使用该规则自定义 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

最佳答案

您可以尝试添加针对 <label> 的额外 CSS 规则html标签:

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

它应该可以工作。

关于css - 在 Woocommerce 中将结帐字段标签移到左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48957087/

相关文章:

php - Ajax 添加到购物车以获取 WooCommerce 单一产品上的简单和可变产品

mysql - 如何将 Wordpress mysql 数据库转换为 UTF8?

javascript - 使用主题蒙大拿,Wordpress 网站不会在 chrome 中滚动

css - 如何使伪元素跨越空白网格单元格?

html - 如何使用 Bootstrap 进行响应式网格设计(放置问题)

php - 删除 wp_get_attachment_image 图像大小

excel - 使用自定义元动态定价规则导入 WooCommerce 产品

php - Wordpress Woocommerce - 标题下方的可变产品价格

html - img 的 1px 边框问题

html - 绝对位置但相对于父级