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

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

皆さん、こんにちは。おちゃのこネットの刑部です。

今回のデザイン道場は、前回に続いて店長日記カテゴリのカスタマイズです。
前回はタイトルをご紹介しましたが、今回は各メニューのデザインカスタマイズをご紹介します。

	https://cafe-responsive.ocnk.net/

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

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。

下記の例では、帯が赤色(#FF0000)、文字が白色(#FFFFFF)となります。

.diary_category_nav_box .inner_itemlist_nav .nav_btn {
background-color: #FF0000;
color: #FFFFFF;
}

.use_hover .diary_category_nav_box .inner_itemlist_nav .nav_btn:hover {
background-color: #F56060;
color: #FFFFFF;
}

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