如何更改注册按钮的颜色

[hequaye (Henry Herbert)]

大家好！我想知道如何自定义我的注册按钮。我想只将我的注册按钮的颜色更改为绿色，而不是所有标题按钮的颜色。

我使用的是 Discourse 托管论坛，抱歉，这可能是一个初学者的问题，我确实是初学者，并且为了弄清楚这一点已经熬了一整晚。

我正在使用 AIR 主题。

[Steven]

您好！

我不确定您在托管论坛上拥有哪些选项，但我假设您在管理员面板中有“自定义”部分。

在您的主题中，编辑 CSS/HTML，然后在“通用”中添加此内容：

.d-header .sign-up-button {
    background: #48bb6a;
}

如果不起作用，您可能需要添加 !important 以确保此颜色具有优先权，如下所示：

.d-header .sign-up-button {
    background: #48bb6a !important;
}

[hequaye (Henry Herbert)]

您好 @Steven，谢谢，它奏效了！问题是我没有看到任何 signup 变量。我需要熟悉 CSS 的变量，以及如何在 HTML 中找到它们。谢谢！

[Steven]

查找变量可能很棘手。对我进步帮助很大的是浏览器中的“检查”功能，您可以探索代码和 CSS 并尝试实时进行一些更改。

在这种情况下，Discours 开发人员为注册和登录按钮添加了一个特定的类，这很有帮助。

但请随时在此处提问，社区将始终尽力提供帮助。

[hequaye (Henry Herbert)]

@Steven 太棒了！！！非常感谢！我的注册按钮变成绿色了！

我使用了检查工具，想知道是否有办法将“所有标签”菜单按钮的名称更改为“LFX 工具”以满足我的用例。考虑到整个论坛都是基于标签的，我可能不得不在 HTML 中找到它，但改变标签功能名称为工具会很复杂，你觉得呢？

[Steven]

您可以在管理面板中编辑此特定文本：自定义 > 文本

在搜索栏中输入：js.tagging.selector_all_tags
然后验证文本

但是，从一般角度回答您的问题，编辑文本是可行的，但使用 CSS 会很棘手。我通常在 ::before 或 ::after 类中使用 content 选择器。

https://www.w3schools.com/cssref/sel_before.asp

如果我们没有编辑文本的可能性，我不是专家，但我会这样做。

首先，我隐藏“所有标签”文本：

summary.tag-drop-header .name {
    font-size: 0;
}

然后，我创建一个新的 CSS 类，其中包含要添加的文本内容，并且我需要指定 font-size 来覆盖之前的设置：

summary.tag-drop-header .name::after {
    content: "LFX Tools";
    font-size: 15px;
}