Richie
(Richie Rich)
5. Dezember 2024 um 11:20
1
Hi everyone.
Before we enable the new Introducing our new fullscreen signup and login pages (which is great!) we’ve spotted something that we’d like to customise.
In the current modal-based registration we use some CSS to hide all our custom User Fields in the modal.
.d-modal.create-account div[class*="user-field-"] {
display: none;
}
.create-account .user-fields .user-field {
padding-bottom: 20px;
}
This means our users are presented with the minimum amount of fields to register:
However, the new signup page is showing every single custom field we have, which by our own doing, is rather a lot
How can we apply some CSS changes to the new full screen sign up page, to hide all our custom user fields please?
2 „Gefällt mir“
dax
(Daniela)
5. Dezember 2024 um 12:01
2
In the full page, you need to use the new .signup-fullpage
class to target the elements inside it with CSS. Try with
.signup-fullpage div[class*="user-field-"] {
display: none;
}
3 „Gefällt mir“
Richie
(Richie Rich)
5. Dezember 2024 um 16:48
3
This didn’t work @dax , have I applied it correctly here?
Richie
(Richie Rich)
8. Dezember 2024 um 22:57
4
@dax might there be another way for this to work?
dax
(Daniela)
9. Dezember 2024 um 19:09
5
Are you perhaps using any special theme/theme-component? On my site, this CSS code
.signup-fullpage div[class*="user-field-"] {
display: none;
}
works without any issues. To see it applied, you need to refresh the page. As you can see here, I have 2 different optional fields, and both are successfully hidden once the CSS is enabled and the page is refreshed:
1 „Gefällt mir“
Richie
(Richie Rich)
9. Dezember 2024 um 20:35
7
Hmm
If I apply that code to the Dark mode css, it does not work:
If I apply the code to the Light mode, it then hides it in dark mode:
Is this a bug? (If so, I will fire up a new post in Bug ) or might it be something specific with my discourse?
Thanks @dax - this will be why it didn’t work first time as I only applied it to the dark mode
Moin
9. Dezember 2024 um 20:43
8
Which is the forum’s default theme? Did you configure the default dark mode color scheme id
site setting? Did you try using a private browser window?
2 „Gefällt mir“
Moin
9. Dezember 2024 um 21:24
10
Richie Rich:
Light
That’s the reason why you had to edit that theme. In dark mode, a different color scheme/ palette is applied, but it’s still the light theme.
2 „Gefällt mir“
Richie
(Richie Rich)
10. Dezember 2024 um 08:53
11
Interesting insight, thanks @Moin
And thanks again @dax for the css
1 „Gefällt mir“
system
(system)
Geschlossen,
15. Januar 2025 um 02:53
15
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.