# ログインする画面にて『パスワードをお忘れですか』という文字位置を変更したい

**URL:** <https://community.shopify.com/t/topic/22008>\
**Category:** 技術的なQ＆A\
**Created:** [October 1, 2020, 8:32am UTC](https://community.shopify.com/t/topic/22008 "2020-10-01T08:32:45Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

会員ログイン画面の「パスワードをお忘れですか」の表示位置を、パスワード入力欄の内側から下部へ移動したいという質問。

途中で使用テーマが不明だったため確認が入り、添付画像から Prestage テーマ前提で案内された。テーマごとに修正箇所やコードが異なるため、質問時には利用テーマの共有が重要だと指摘されている。

対応方法としては、該当テンプレート内の要素から CSS クラス「Form_Itemhelp」を削除すると、文言が入力フィールド下に表示されるとの回答。これは、そのクラスに対応する CSS が文言を入力欄内に見せるよう制御しているため。

質問者は customers/account.liquid 内で「Form_Itemhelp」を見つけて削除し、表示位置の変更ができたと報告。問題は解決済みで、あわせて HTML/CSS/JavaScript の基礎学習用資料も共有された。

<div class="post-metadata">

**Author:** ![Anonymous\_837d6cae64a677534907c6b1c36facbb](https://avatars.discourse-cdn.com/v4/letter/a/a4c791/32.png) [@Anonymous\_837d6cae64a677534907c6b1c36facbb](https://community.shopify.com/u/Anonymous_837d6cae64a677534907c6b1c36facbb)\
**Post date:** [October 1, 2020, 8:32am UTC](https://community.shopify.com/t/topic/22008/1 "2020-10-01T08:32:45Z")

</div>

会員ログイン画面にてアドレスとパスワードを押す画面にて、パスワード入力画面の【】の中に『パスワードをお忘れですか』という文字が出てきますが、  
その文字の位置を【】の下部へ変更したいです。

その際に記入するタグと挿入場所を教えて欲しいです。

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [October 1, 2020, 10:00am UTC](https://community.shopify.com/t/topic/22008/2 "2020-10-01T10:00:49Z")

</div>

Debutの日本語設定では、「【】」という文字は見当たりませんが、どのテーマをお使いでしょうか？

---

<div class="post-metadata">

**Author:** ![Anonymous\_837d6cae64a677534907c6b1c36facbb](https://avatars.discourse-cdn.com/v4/letter/a/a4c791/32.png) [@Anonymous\_837d6cae64a677534907c6b1c36facbb](https://community.shopify.com/u/Anonymous_837d6cae64a677534907c6b1c36facbb)\
**Post date:** [October 1, 2020, 1:19pm UTC](https://community.shopify.com/t/topic/22008/3 "2020-10-01T13:19:47Z")

</div>

【】はこれでなくて、

下記となります。わかり辛くてすみません。

よろしくお願い致します。

 ![EC3834B0-1193-4CF4-A04D-6A3607A9A704.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/b/9bb70db4afd12387eb377115c6b849e96ece47d9.jpeg)

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [October 1, 2020, 5:21pm UTC](https://community.shopify.com/t/topic/22008/4 "2020-10-01T17:21:32Z")

</div>

画面から見て、Prestageだと思いますので（テーマのコードについての質問は必ずどのテーマを使われているか共有された方が良いと思います。テーマによって修正箇所やコードが異なるので）、その前提でお話しすると、customers/register.liquid 内の

```markup

```

から、“Form\_Itemhelp” というクラスを削除すれば入力フィールドの下に表示されます。 （このクラスに対応するCSSが、意図的に本来入力欄の下にあるボタンを中に入れ込んでいると思われます）

```markup

```

 ![Screen Shot 2020-10-02 at 2.16.41 AM.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/c/0/a/c0a241ac74b8ec213d814221b51a054cdfcf6c16.png)

テーマのコード編集には、Shopify固有の知識のほかに、HTML、CSS、JavaScriptの基本知識が必要ですので、そちらをまず学ばれると効率よくカスタマイズできるかと思います。

CSSについては以下のブログにテーマ編集に必要な基礎情報をまとめておりますので、ご参照ください。

[https://www.shopify.jp/blog/partner-css-beginner-guide](https://www.shopify.jp/blog/partner-css-beginner-guide)

---

<div class="post-metadata">

**Author:** ![Anonymous\_837d6cae64a677534907c6b1c36facbb](https://avatars.discourse-cdn.com/v4/letter/a/a4c791/32.png) [@Anonymous\_837d6cae64a677534907c6b1c36facbb](https://community.shopify.com/u/Anonymous_837d6cae64a677534907c6b1c36facbb)\
**Post date:** [October 2, 2020, 8:48am UTC](https://community.shopify.com/t/topic/22008/5 "2020-10-02T08:48:19Z")

</div>

ご回答ありがとうございます。

Form Itemhelpを customers/account.liquidの中に見つけて削除したところ、パスワードをお忘れですか？という表記が変更になしました。

CSSも学んでいきたいと思います。ご丁寧にありがとうございます。

（
