更改 WooCommerce Checkout 表单输入文本 CSS 样式答案

【问题标题】：Changing WooCommerce Checkout form input text CSS style更改 WooCommerce Checkout 表单输入文本 CSS 样式
【发布时间】：2016-11-07 20:54:40
【问题描述】：

当我注意到 WooCommerce 结帐页面的输入文本以斜体显示时，我正在处理我的 wordpress 网站。

如何更改样式、字体等？我正在运行的主题被 ThemeStudio 称为 VAN。他们的自定义菜单中有一个排版选项，但是我在那里所做的任何更改都不会反映在结帐页面上。

网页是：http://honestabe.ca/ininkk/shopink/（将产品添加到购物车并结帐……）。

任何帮助将不胜感激。

提前致谢。

【问题讨论】：

嘿！超级抱歉这么晚才回复！我正在度假。谢谢您的回答;我现在正在测试它，所以我希望它有效！
成功了！我对未来的问题使用相同的方法；非常感谢你，洛伊克！

标签： css wordpress woocommerce textfield checkout

【解决方案1】：

您的问题位于 woocommerce.css 文件中“Van”活动主题内的 woocommerce 文件夹中。使用代码编辑器或直接使用 wordpress 编辑器打开此文件（外观 > 编辑器，然后在 woocommerce 文件夹 > woocommerce.css 文件中）。
转到第 990 行，你会发现：

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea, 
.woocommerce-page form .form-row input.input-text, 
.woocommerce-page form .form-row text area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    padding: 14px 10px;
    font-family: 'Playfair Display';
    font-size: 12px;
    color: #7a7a7a;
    font-style: italic;
    letter-spacing: 1px;
    width: 100%;
    outline: none;
}

将 font-style: italic; 更改为 font-style: normal;

你已经完成了……

您当然必须对该文件进行其他更改。现在你知道在哪里可以做到了。

【讨论】：

@AbrahamLN 最好设置一个子主题，避免在父主题更新时丢失编辑和更改...