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

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

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、カート内の加算ポイント部分の文字色、文字サイズを変更する方法をご紹介します。

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

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

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

.point .cart_price_box {
width: 200px;
color: #FF0000;
}

.point .priceb {
color: #990000;
font-size: 16px;
}

編集後、「登録処理を完了する」ボタンをクリックして下さい。

.point .cart_price_box について	加算ポイントという文字部分の文字色や文字サイズを変更できます。 width: 200px;は、文字サイズを大きくした際に改行しないように横幅を広げています。
.point .priceb について	ポイント数部分の文字色や文字サイズを変更できます。

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