カスタムユーザーフィールドのフルスクリーンサインアップページからの非表示

皆さん、こんにちは。

新しい 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

フルページでは、CSSで要素を対象とするために新しい.signup-fullpageクラスを使用する必要があります。以下を試してください。

.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

Hmm :thinking:

ダークモードのCSSにそのコードを適用すると、機能しません。

ライトモードにコードを適用すると、ダークモードで非表示になります。

これはバグでしょうか?(もしそうなら、Bug で新しい投稿を立ち上げます)それとも、私のディスコースに固有の問題でしょうか?

@dax さん、ありがとうございます。最初に機能しなかったのは、ダークモードにのみ適用していたからです :slight_smile:

フォーラムのデフォルトテーマは何ですか? default dark mode color scheme id サイト設定を設定しましたか?プライベートブラウザウィンドウを使ってみましたか?

「いいね!」 2

ライト。

はい。

はい、いつも :blush:

それが、あなたがそのテーマを編集しなければならなかった理由です。ダークモードでは、異なる配色/パレットが適用されますが、それでもライトテーマです。

「いいね!」 2

興味深い洞察をありがとうございます、@Moin :smiley:
そして、CSSをありがとう、@dax :smiley:

「いいね!」 1

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