从全屏注册页面隐藏自定义用户字段

大家好。

在我们启用新的 Introducing our new fullscreen signup and login pages (这很棒!)之前,我们发现了一些想要自定义的地方。

在当前基于模态框的注册中,我们使用一些 CSS 来隐藏模态框中的所有自定义用户字段。

.d-modal.create-account div[class*="user-field-"] {
    display: none;
}
.create-account .user-fields .user-field {
    padding-bottom: 20px;
}

这意味着我们的用户会看到最少的注册字段:

然而,新的注册页面显示了我们所有的自定义字段,这真是我们自己的“功劳”,数量相当多 :blush:

我们如何对新的全屏注册页面应用一些 CSS 更改,以隐藏我们所有的自定义用户字段呢?

2 个赞

在完整页面中,您需要使用新的 .signup-fullpage 类来定位其中的元素(使用 CSS)。尝试使用

.signup-fullpage div[class*="user-field-"] {
    display: none;
}
3 个赞

@dax,这个没用,我在这里应用得正确吗?:thinking:

@dax 是否有其他方法可以实现这一点?:thinking:

您是否正在使用任何特殊主题/主题组件?在我的网站上,这段 CSS 代码

.signup-fullpage div[class*="user-field-"] {
    display: none;
}

可以正常工作。要使其生效,您需要刷新页面。正如您在这里看到的,我有 2 个不同的可选字段,在启用 CSS 并刷新页面后,它们都会被成功隐藏:

signupfullpage

1 个赞

:thinking:

如果我将该代码应用于暗模式 CSS,它不起作用:

如果我将代码应用于亮模式,它会在暗模式下隐藏它:

这是一个错误吗?(如果是,我将在 Bug 中发帖)或者这可能与我的 discourse 有关?

谢谢 @dax - 这就是为什么它第一次不起作用,因为我只将其应用于暗模式 :slight_smile:

论坛的默认主题是什么?您是否配置了 default dark mode color scheme id 站点设置?您是否尝试使用无痕浏览器窗口?

2 个赞

浅色。

是的。

是的,一直都是 :blush:

这就是为什么你必须编辑那个主题。在黑暗模式下,会应用不同的配色方案/调色板,但它仍然是浅色主题。

2 个赞

很有见地的见解,谢谢 @Moin :smiley:

再次感谢 @dax 提供的 CSS :smiley:

1 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.