更改电子商务签出表单输入文本CSS样式
当我在wordpress网站上工作时,我注意到WooCommerce的结账页面的输入文本显示为斜体 我怎样才能更改样式、字体等?我正在运行的主题被最大的听众称为VAN。他们的自定义菜单中有一个排版选项,但是我在那里所做的任何更改都不会反映在结帐页面上 该网页是:(将产品添加到购物车并转到结帐…) 任何帮助都将不胜感激更改电子商务签出表单输入文本CSS样式,css,wordpress,woocommerce,textfield,checkout,Css,Wordpress,Woocommerce,Textfield,Checkout,当我在wordpress网站上工作时,我注意到WooCommerce的结账页面的输入文本显示为斜体 我怎样才能更改样式、字体等?我正在运行的主题被最大的听众称为VAN。他们的自定义菜单中有一个排版选项,但是我在那里所做的任何更改都不会反映在结帐页面上 该网页是:(将产品添加到购物车并转到结帐…) 任何帮助都将不胜感激 提前感谢。您的问题位于您的“Van”活动主题内的woocommerce.css文件中的woocommerce文件夹中。使用代码编辑器或直接使用wordpress编辑器(外观>编辑器
提前感谢。您的问题位于您的“Van”活动主题内的
woocommerce.css文件中的woocommerce
文件夹中。使用代码编辑器或直接使用wordpress编辑器(外观>编辑器,然后在woocommerce
文件夹>woocommerce.css
文件)打开此文件
转到第990行,您将发现:
.woocommerce form.form row input.input-text,
.woocommerce表单.form行文本区域,
.woocommerce页面表单。表单行输入。输入文本,
.woocommerce页面表单.表单行文本区域{
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;
边框:1px实心#DCDC;
填充:14px 10px;
字体系列:“Playfair显示”;
字体大小:12px;
颜色:#7a7a;
字体:斜体;
字母间距:1px;
宽度:100%;
大纲:无;
}
更改字体样式:斜体代码>
按字体样式:正常代码>
你完了
您肯定必须在该文件中进行其他更改。现在你知道在哪里可以做了。@AbrahamLN最好设置一个子主题,避免在更新父主题时丢失编辑和更改……嘿!非常抱歉这么晚才回复!我在度假。谢谢你的回答;我正在测试它,所以我希望它能工作!成功了!我用同样的方法来解决未来的问题;非常感谢你,Loic!