Richie
(Richie Rich)
1
皆さん、こんにちは。
新しい 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;
}
これにより、ユーザーには登録に必要な最小限のフィールドが表示されます。
しかし、新しいサインアップページには、私たちの意図したものではありますが、かなりの数があるカスタムフィールドがすべて表示されてしまいます。
新しいフルスクリーンのサインアップページにCSS変更を適用して、すべてのカスタムユーザーフィールドを非表示にするにはどうすればよいでしょうか?
「いいね!」 2
dax
(Daniela)
2
フルページでは、CSSで要素を対象とするために新しい.signup-fullpageクラスを使用する必要があります。以下を試してください。
.signup-fullpage div[class*="user-field-"] {
display: none;
}
「いいね!」 3
Richie
(Richie Rich)
3
@dax さん、これは機能しませんでした。ここで正しく適用しましたか?
Richie
(Richie Rich)
4
@dax これを機能させる別の方法があるでしょうか?
dax
(Daniela)
5
特別なテーマ/テーマコンポーネントを使用していますか?私のサイトでは、このCSSコード
.signup-fullpage div[class*="user-field-"] {
display: none;
}
は問題なく動作します。適用されていることを確認するには、ページを更新する必要があります。ここに見られるように、2つの異なるオプションフィールドがあり、CSSが有効になってページが更新されると、両方とも正常に非表示になります。

「いいね!」 1
Richie
(Richie Rich)
7
Hmm 
ダークモードのCSSにそのコードを適用すると、機能しません。
ライトモードにコードを適用すると、ダークモードで非表示になります。
これはバグでしょうか?(もしそうなら、Bug で新しい投稿を立ち上げます)それとも、私のディスコースに固有の問題でしょうか?
@dax さん、ありがとうございます。最初に機能しなかったのは、ダークモードにのみ適用していたからです 
Moin
8
フォーラムのデフォルトテーマは何ですか? default dark mode color scheme id サイト設定を設定しましたか?プライベートブラウザウィンドウを使ってみましたか?
「いいね!」 2
Moin
10
それが、あなたがそのテーマを編集しなければならなかった理由です。ダークモードでは、異なる配色/パレットが適用されますが、それでもライトテーマです。
「いいね!」 2
Richie
(Richie Rich)
11
興味深い洞察をありがとうございます、@Moin 
そして、CSSをありがとう、@dax 
「いいね!」 1
system
(system)
クローズされました:
15
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.