このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。 おちゃのこネットの刑部です。
今回のデザイン道場は、ログイン部分のメール、パスワードの入力ボックスを改行して表示する方法をご紹介します。

	http://cafe0808.ocnk.net/

管理画面→デザイン管理→スタイルシートの編集をクリックして下さい。

下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.member .shopc_in .box_padding input {
width: 120px;
}

編集後、「登録処理を完了する」ボタンをクリックして下さい。

指定について

width: 120px;がボックスの横幅となります。 横幅を大きくすることで自動改行して表示させます。