ホームページビルダー20SPのテンプレートにあるお問合せフォーム。

お問合せ内容の項目はtextarea（複数行テキスト）となっています。

テンプレートにあるものを使っている分には問題はありませんが、同様の複数行の入力項目を追加しても、テンプレートのスタイルが効かずに同じように表示（幅）することができません。

そして、SPではCSSをいじること（HTMLを書き出してソース編集すればいいのかもしれませんが、それではSPを使っている意味がまったくありませんね。）

テンプレートのもともとある複数行テキスト項目のスタイルは

.sp-form textarea[name=”message”] {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: 90%;
height: 150px;
}

となります。name=”message”がキモです。複数行テキスト項目を追加すると別のnameを指定する必要があります。すると上のスタイルは効きませんので、表示が異なることになります。

解決方法

HTMLソースパーツにCSSをインライン記述すればなんとかなりそうです。。。

ここで試してみました

http://hpb20sp.com/contact1.html

ホームページビルダー20 SPの新機能にアイテムギャラリーというものがあります。

アイテムデータを作成しておき、それらを

複数の写真、説明などをならべて商品カタログのようなもの作成することができます。

写真のリンク先を指定することも可能です。

ホームページビルダー20SP解説サイトでご覧いただくことができます。