# 전체 화면 가입 페이지에서 사용자 정의 필드 숨기기

**URL:** https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618
**Category:** Support
**Created:** [12월 5, 2024, 11:20오전 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618 "2024-12-05T11:20:28Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 5, 2024, 11:20오전 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/1 "2024-12-05T11:20:28Z")

</div>

여러분, 안녕하세요.

새로운 [Introducing our new fullscreen signup and login pages](https://meta.discourse.org/t/introducing-our-new-fullscreen-signup-and-login-pages/340401) (정말 좋습니다!)을 활성화하기 전에 커스터마이징하고 싶은 부분이 하나 발견되었습니다.

현재 모달 기반의 가입 페이지에서는 CSS를 사용하여 모달 내의 모든 사용자 정의(User Fields) 필드를 숨기고 있습니다.

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

이 덕분에 사용자는 가입에 필요한 최소한의 필드만 확인하게 됩니다:

 ![Screenshot 2024-12-05 at 11.11.39](https://global.discourse-cdn.com/meta/original/4X/2/b/0/2b054094c01ee9cfede4afc719804ad66f6a8495.jpeg)

하지만 새로운 가입 페이지에는 우리가 만든 모든 사용자 정의 필드가 표시되고 있는데, 그 수가 꽤 많습니다 😊

 ![Screenshot 2024-12-05 at 11.18.44](https://global.discourse-cdn.com/meta/original/4X/6/4/8/6482693b28e783512e739a7bad9cdf700a6b7883.jpeg)

새로운 전체 화면 가입 페이지에 CSS를 적용하여 모든 사용자 정의 필드를 숨기려면 어떻게 해야 할까요?

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [12월 5, 2024, 12:01오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/2 "2024-12-05T12:01:43Z")

</div>

전체 페이지에서는 내부 요소를 CSS로 표적 지정하려면 새로운 `.signup-fullpage` 클래스를 사용해야 합니다. 다음을 시도해 보세요.

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

```

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 5, 2024, 4:48오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/3 "2024-12-05T16:48:24Z")

</div>

이렇게 적용한 건데 안 되네요 @dax , 제대로 적용한 건가요? 🤔

 ![Screenshot 2024-12-05 at 16.47.43](https://global.discourse-cdn.com/meta/original/4X/2/4/1/241d59e81a979ddff735e0c6881f27f24b4207a8.png)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 8, 2024, 10:57오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/4 "2024-12-08T22:57:35Z")

</div>

@dax 이걸 다르게 작동시킬 수 있는 방법이 있을까요? 🤔

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [12월 9, 2024, 7:09오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/5 "2024-12-09T19:09:10Z")

</div>

혹시 특별한 테마/테마 컴포넌트를 사용하고 계신가요? 제 사이트에서는 이 CSS 코드

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

```

이 문제없이 작동합니다. 적용이 확인되려면 페이지를 새로고침해야 합니다. 여기서 보시다시피, 저는 두 개의 다른 선택 필드를 가지고 있으며, CSS가 활성화되고 페이지가 새로고침되면 두 필드 모두 성공적으로 숨겨집니다:

![signupfullpage](https://global.discourse-cdn.com/meta/original/4X/a/2/4/a2471f147f12ebbfe80cfe9c688d0503091fc89a.gif)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 9, 2024, 8:35오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/7 "2024-12-09T20:35:29Z")

</div>

음 🤔

그 코드를 다크 모드 CSS에 적용하면 작동하지 않습니다:

 ![Screenshot 2024-12-09 at 20.31.50](https://global.discourse-cdn.com/meta/original/4X/5/e/e/5eee3c9182c8f48bd07ba04df36d7ba13d4c10a2.jpeg)

코드를 라이트 모드에 적용하면 다크 모드에서 숨겨집니다:

 ![Screenshot 2024-12-09 at 20.32.08](https://global.discourse-cdn.com/meta/original/4X/4/4/e/44ebad4da135228f59af47638b36cf3cac66ef82.jpeg)

이것은 버그인가요? (만약 그렇다면 #Contribute > Bug 에 새 게시물을 올릴 예정입니다) 아니면 제 discourse 환경만의 특수한 문제일까요?

@dax 감사합니다 - 처음에는 다크 모드에만 적용했기 때문에 작동하지 않았던 것이었군요 🙂

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [12월 9, 2024, 8:43오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/8 "2024-12-09T20:43:02Z")

</div>

> [@Richie](#):
>
> 이것은 버그인가요? (만약 그렇다면 #bug::category 에 새 게시물을 작성하겠습니다) 아니면 제 discourse와 관련된 특정 문제일까요?

포럼의 기본 테마는 무엇인가요? `default dark mode color scheme id` 사이트 설정을 구성해 보셨나요? 사설 브라우저 창을 사용해 보셨나요?

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 9, 2024, 9:21오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/9 "2024-12-09T21:21:51Z")

</div>

> [@Moin](#):
>
> 포럼의 기본 테마는 무엇인가요?

라이트 모드입니다.

 ![Screenshot 2024-12-09 at 21.21.18](https://global.discourse-cdn.com/meta/original/4X/9/7/5/97543cde89be8faa35cb84811435d7fbf1792424.png)

> [@Moin](#):
>
> `default dark mode color scheme id` 사이트 설정을 구성하셨나요?

네.

 ![Screenshot 2024-12-09 at 21.21.09](https://global.discourse-cdn.com/meta/original/4X/f/1/d/f1dd5b1c3452e3f86a85ea18861b13a84604c21e.png)

> [@Moin](#):
>
> 비공개 브라우저 창을 사용해 보셨나요?

네, 항상 사용하고 있습니다 😊

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [12월 9, 2024, 9:24오후 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/10 "2024-12-09T21:24:19Z")

</div>

> [@Richie](#):
>
> Light

그것이 바로 해당 테마를 수정해야 했던 이유입니다. 다크 모드에서는 다른 색상 스킴/팔레트가 적용되지만, 여전히 라이트 테마입니다.

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [12월 10, 2024, 8:53오전 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/11 "2024-12-10T08:53:37Z")

</div>

흥미로운 통찰 감사합니다 @Moin 😃

css를 다시 한번 감사합니다 @dax 😃

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [1월 15, 2025, 2:53오전 UTC](https://meta.discourse.org/t/hiding-custom-user-fields-from-the-fullscreen-signup-page/340618/15 "2025-01-15T02:53:28Z")

</div>

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