おちゃのこ通信 Vol.210 - デザイン道場 - おちゃのこネットメールマガジン

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

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、ヘッダー部分の商品検索の背景色を変更する方法をご紹介します。

	http://cafe0101.ocnk.net/

スタイルシートを編集する

[デザイン管理]→[スタイルシートの編集]から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
貼り付け後、カラーコードを変更してください。
※背景画像を指定される場合は、background-imageをご利用ください。

#search {
background-color: #FF0000;
}

背景画像を利用する場合
例えば、下記の画像を確認したい場合
background-image: url(image/file.gif);

上記のようにbackground-imageの1行を追加してください。
画像ファイルは、画像専用管理画面→コンテンツフォルダにアップロードしてください。

なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php