WooCommerce签出同一行上的字段

时间:2018-08-21 作者:Cool Keith

我正在尝试自定义Woocommerce结账页文本框。具体来说,我想在同一行上创建一些文本框,而不是单独创建。我只尝试用css处理float属性,但我不知道我缺少了什么。这就是我想做的。。

同一行上的城市和邮政编码同一行上的电话和电子邮件地址文本框的大小应与名字和姓氏文本框的大小相同

1 个回复
最合适的回答,由SO网友:AddWeb Solution Pvt Ltd 整理而成

使用自定义样式编辑器为以下类和ID添加自定义CSS

.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce form .form-row {
  display: inline-block;
}
.woocommerce form .form-row input.input-text {
  max-width: 252px;
}
#billing_first_name_field {
  order: 1;
}
#billing_last_name_field {
 order: 2;
}
#billing_company_field {
  order: 3;
}
#billing_country_field {
  order: 4;
}
#billing_address_1_field {
  order: 5;
}
#billing_address_2_field {
  order: 6;
  width: 100%;
}
#billing_city_field {
  order: 7;
}
#billing_postcode_field {
  order: 8;
}
#billing_state_field {
  order: 9;
  width:100%;
}
#billing_phone_field {
  order: 10;
}
#billing_email_field {
  order: 11;
}

结束

相关推荐

我想创建子主题,但已经编辑了父主题的css文件和一些php文件

我下载了一个WP主题并编辑了一些php 文件和css 我喜欢的文件(尝试和错误),并一直在我的网站上使用,但没有创建子主题。这意味着我对父主题所做的任何更新都将覆盖我所做的更改,因此到目前为止我还没有做任何更新。现在是否可以创建子主题,以某种方式保留新编辑的php 文件和css 通过将它们放在我的子主题文件夹中(创建某种指针css 文件以使子级覆盖父级),然后更新原始父级?如果是,如何?或者我应该完全放弃主题,寻找一个新的主题,并在编辑之前立即创建一个子主题吗?