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

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

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、商品詳細ページのカートに入れるとお問い合わせボタンを配置しているボックスの背景色を変更する方法をご紹介します。

	http://cafe0808.ocnk.net/

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

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

スタイルシートの編集画面に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.detail_page_body .item_bot_box {
background-color: #FFFFCC;
}

.detail_page_body .item_bot_box

カートに入れるとお問い合わせボタンを配置しているボックスの背景色の指定となります。
カラーコードは、ご自身で変更ください。

※.detail_page_bodyを付けることで、商品詳細ページのみの指定として利用可能です。

※.item_bot_boxに背景画像が設定されている場合は、背景画像が優先されますので、背景画像を指定いただく必要があります。

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

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