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

Question

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

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

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

如有任何帮助，我们将不胜感激。

提前致谢。

Answer 1

您的问题位于 woocommerce 文件夹中 "Van" 活动主题中，在 woocommerce.css 文件。使用代码编辑器或直接使用 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;
}

Change font-style: italic; by font-style: normal;

你完成了……

您肯定需要对该文件进行其他更改。现在你知道在哪里可以做到了。

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

Changing WooCommerce Checkout form input text CSS style

css

wordpress

woocommerce

textfield

checkout