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

时间:2016-07-05 21:42:27

标签: css wordpress woocommerce textfield checkout

当我注意到WooCommerce的结帐页面的输入文字以斜体显示时,我正在使用我的wordpress网站。

我怎样才能改变风格,字体等?我正在运行的主题被ThemeStudio称为VAN。他们的自定义菜单中有一个排版选项,但无论我做了什么更改都没有反映在结帐页面上。

网页为:http://honestabe.ca/ininkk/shopink/(将产品添加到购物车并转到结帐处。)。

非常感谢任何帮助。

提前致谢。

1 个答案:

答案 0 :(得分: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;
}
  

font-style: italic;

更改 font-style: normal;

你完成了......

您肯定必须在该文件中进行其他更改。现在你知道在哪里可以做到。