如何在使用ContactForm7创建的联系表格中应用CSS样式

首先

据说在WordPress中,每个主题都有相应的CSS和php文件,如果直接在这些文件中进行更改,当主题升级时,所做的更改也会消失。

出于这个原因,不太建议直接修改主题的CSS。WordPress有一个名为“额外CSS”的功能,您可以使用它来添加CSS,这样即使进行主题更新,额外添加的部分也将保留不变。

在本文中,我们将解释如何使用附加的CSS。

“Contact Form 7″是什么?

 

Contact Form 7是一个WordPress的扩展插件,可以方便地创建和管理各种表单,例如联系表单。

这个功能被广泛使用,并且还有针对Contact Form 7的扩展插件(如Flamingo)提供丰富的选择。

目标

image.png

只要改变颜色,就像是必须的一样,在CF7内部直接写入也会反映出来,但考虑到工作量和管理等方面,我认为使用CSS更好。

在中文中,有以下一种方式来表达这句话:追加CSS的设置方法。

image.png
image.png
image.png

为了追加CSS,需要填写所需的CSS。
这次,我们想要将带有required类的部分标记为红色,所以我们会这样写:span.required {color: #ff0000;}。

你可以将之前标为必须的部分修改为必须

总结

このように書くことで、後でデザインの変更などが必要になったときは、追加CSS部分を変更することで一括で変更することが可能になります。

image.png
广告
将在 10 秒后关闭
bannerAds