如何向 WP Simple Pay 添加自定义 CSS

您需要使用自定义 CSS 为 WP Simple Pay 付款表单设置样式吗？有几种方法可以将自定义 CSS 添加到您的 WordPress 网站以用于表单和其他页面元素。

您可以通过访问 Simple Pay Pro → 设置 → 常规 → 高级 来禁用 WP Simple Pay 的“固定样式”并继承您主题的样式。

1. 直接编辑您主题的样式表文件（通常是 style.css）。但请注意，任何主题更新都将覆盖您的更改，这就是为什么我们推荐 #2 或 #3 的原因。
2. 向您的主题添加单独的 CSS 文件，并使用 wp_enqueue_style 函数在您的 functions.php 或单独的自定义插件中引用它。
3. 使用免费插件 WP Code 将 CSS 添加到您主题的页眉。转到代码片段 → 页眉和页脚，然后按如下所示添加您的 CSS。

如果您需要从某些页面取消排队插件样式，请参阅我们 代码片段库 中的此代码片段。

自定义技巧

目前我们没有 WP Simple Pay 付款表单的 CSS 样式指南。要查找需要修改的类名和 ID 名称的最佳方法是使用浏览器的开发者工具检查页面元素。

这是一个关于如何开始使用此方法的优秀指南： 检查元素基础知识：为 DIY 用户自定义 WordPress

WP Simple Pay 表单元素的 CSS 类和 ID 通常以 simpay- 开头。

这是一个表单 ID 为 83、文本字段 ID 为 4 的示例：

<style>
#simpay-form-83 #simpay-text-4 { display: none; }
</style>

这是一个在使用嵌入式或覆盖式表单显示选项时，将结账按钮颜色从绿色更改为蓝色的示例。

<style>
.simpay-checkout-btn { background-color: #428bca !important; }
.simpay-checkout-btn:hover { background-color: #037ad0 !important; }
</style>