Custom user field is visible on signup page

AI-generated summary

Krischan reported that newly created custom user fields are unexpectedly visible and editable on the signup page, while older fields with identical settings are not. They requested help to keep these fields hidden, noting they’re on the latest stable release. JammyDodger provided CSS solutions to hide specific fields by targeting their dasherized field names using selectors like .user-field-YOUR-FIELD-NAME. They also offered more precise selectors for the signup modal and invite page: .d-modal.create-account .user-field-YOUR-FIELD-NAME and .invites-show .user-field-YOUR-FIELD-NAME, both set to display: none;. JammyDodger included step-by-step instructions for adding the CSS via the admin panel: navigate to /admin/customize/themes, create a new component theme, add it to the active theme, paste the CSS into the Common tab, and save. Krischan confirmed the solution worked, apologizing for not trying CSS earlier and noting they applied the same fix to their other fields. The issue was resolved using custom CSS to selectively hide fields on the signup interface.

Every new user field I create with these properties are now visible and editable on the signup page:

Older fields with the same properties are not. Can you help, please? I need the fields to stay invisble to the user. I’m on the last stable release.

There are a couple of bits of CSS you can use in this topic:


Extra details on how to add it to your site
  • Go to /admin/customize/themes
  • Click on install and then create new
  • Give it a name, and select ‘component’.
  • Create
  • Add it to your theme
  • Click on the Edit CSS/HTML button and paste the code into the Common tab

And save. :+1:


That was it! My bad. Used CSS to make the other fields I have invisible. Thanks!