こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。

今回はスマホテンプレートより
【Primary】の商品詳細ページ価格の色の変更方法をご紹介します!
参考:スマホサンプルショップ【Primary

こんなお悩みありませんか?

・【Primary】の商品詳細ページの価格をもっと目立たせたい!
・【Primary】の商品詳細ページの価格の色は変更できる?

[難易度 ★☆☆ ]
かんたん!
スマホ【Primary】商品詳細ページの価格の色の変更方法!

商品詳細ページ 価格色の変更方法

(1)CSSの指定を変更する!

ショップデザイン / テンプレート選択・編集 / スマホデザインの設定
適用中のスマホテンプレートの「編集」をクリック
商品詳細画面へ

商品詳細ページ編集の「CSS編集」エディターエリアに記載されている下記に色の指定を追加します。

.price{
	font-weight:bold;
	display:inline-block;
	color:cc000;/* ←価格文字の赤色の指定を追加*/
}
・クラス名、.priceの指定にcolorプロパティを追加します。
・文字の色を別の色にしたい場合は、カラーコードを別の色に変更しましょう!・外部参考サイト:WEB色見本 原色大辞典 – HTMLカラーコード
(2)完了!

かんたんですね。
ショップをみるで確認してみましょう!

いかがでしたでしょうか。
ぜひお試しください!それではまた!