如何使用自定义代码更改联系表单文本颜色

自定义联系表单设计有助于打造更一致、更专业的店铺体验。在某些情况下，您可能需要更改表单字段内的文本颜色，以更好地匹配您的品牌形象或提高可读性。

本文将向您展示如何在 GemPages 中使用简单的自定义 CSS 代码更改联系表单元素中的文本颜色。

如何更改联系表单文本颜色

务必：

• 您已在页面上添加了联系表单元素。
• 您有权访问 GemPages 编辑器
• 您知道要自定义哪个表单字段或文本区域。

步骤 1：打开自定义代码面板

GemPages 编辑器内部：

• 右键单击要自定义的文本字段或联系表单元素。
• 选择 自定义代码

自定义代码面板将会出现。

步骤 2：添加 CSS 代码

将以下 CSS 代码粘贴到“自定义代码”字段中：

.classID.gp-form-item{

 颜色：xxxxx！重要；

}

记得：

• 更换 .classID 使用您的实际元素 ID

你需要更换 .classID 使用联系表单的实际元素 ID。

您可以在自定义代码面板的顶部找到此 ID。

• 更换 XXXXX 选择您喜欢的颜色

更换 XXXXX 选择你想要使用的颜色。

您可以使用：

• 颜色名称
• 十六进制颜色代码
• RGB值

例子：

使用颜色名称

颜色：黑色！重要；

使用十六进制颜色

颜色：#ffffff！重要；

使用 RGB

颜色：rgb(255,255,255) !重要;

步骤三：保存并发布更改

添加代码后：

• 点击 已保存
• 预览联系表单以确认文本颜色已正确更改。