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

皆さん、こんにちは。 おちゃのこネットの刑部です。
今回のデザイン道場は、在庫欄に表示される在庫なしの文字色のみを変更する方法をご紹介します。
在庫なしの文言を変更している場合も同様です。

	http://cafe0808.ocnk.net/

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

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

.soldout {
color: #CC0000;
}

※この指定により、縦スクロールが表示される場合があります。

.soldout

このクラス名が、在庫なしの場合にのみ付きます。