account/loginページの編集

Topic summary

COLA-KUNがStudioテーマを使用したaccount/loginページで「Forgot Password ?」をセンター表示にする方法について質問。

Qcoltdからの回答:

  • CSSの調整で対応可能
  • Studioテーマ9.0.0では「Forgot Password ?」の位置がLoginボタンの上に表示されるため、バージョンによっては位置調整ができない可能性がある

具体的な設定手順:

  1. 管理画面 > オンラインストア > カスタマイズをクリック
  2. 「ログイン」を選択
  3. 上部のセレクトボックスで「お客様のログイン」を選択
  4. カスタムCSSに以下のコードを追加:
login. a[href="#recover"] {
  margin-left: auto;
  margin-right: auto;
}

結果:
COLA-KUNはCSS追加によりセンター表示に成功したことを報告し、問題は解決。

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

account/loginページの「Forgot Password ?」の表示をセンター表示にしたいのですが、上手くいかずご教示いただきたいです。使用テーマはStudioです。

ご質問いただいているaccount/loginページの「Forgot Password ?」の表示をセンターにする件ですが、cssを調整することで可能かと思われます。

また、ご質問に添付されている画像の「Forgot Password ?」はLoginボタンの下に表示されていますが、Studioテーマ9.0.0では「Forgot Password ?」位置はLoginボタンの上に表示されていますので、位置の調整ができない場合があります。

その際は、テンプレートのバージョンをお教えいただけましたら、追加で調査をする事ができるかもしれません。

設定方法

**1.**管理画面 > オンラインストア > カスタマイズをクリック。

**2.**上部のセレクトボックスで『お客様のログイン』を選択する。

3.『ログイン』を選択しカスタムCSSに下記CSSを追加

.login a[href="#recover"] {
  margin-left: auto;
  margin-right: auto;
}

ご参考まで。

(キュー小坂)

1 Like

株式会社Q

小坂様

ご返信ありがとうございます。

css追加でセンター表示させることができました!!

1 Like