こんにちは、makeshopのあらいです。
いつもmakeshopをご利用いただきありがとうございます。
今回はスマホテンプレートより
【Primary】の商品詳細ページ価格の色の変更方法をご紹介します!
参考:スマホサンプルショップ【Primary】
こんなお悩みありませんか?
・【Primary】の商品詳細ページの価格をもっと目立たせたい!
・【Primary】の商品詳細ページの価格の色は変更できる?
[難易度 ★☆☆ ]
かんたん!
スマホ【Primary】商品詳細ページの価格の色の変更方法!
商品詳細ページ 価格色の変更方法
(1)CSSの指定を変更する!
ショップデザイン / テンプレート選択・編集 / スマホデザインの設定
適用中のスマホテンプレートの「編集」をクリック
商品詳細画面へ
商品詳細ページ編集の「CSS編集」エディターエリアに記載されている下記に色の指定を追加します。
.price{ font-weight:bold; display:inline-block; color:cc000;/* ←価格文字の赤色の指定を追加*/ }
・クラス名、.priceの指定にcolorプロパティを追加します。
・文字の色を別の色にしたい場合は、カラーコードを別の色に変更しましょう!・外部参考サイト:WEB色見本 原色大辞典 – HTMLカラーコード
・文字の色を別の色にしたい場合は、カラーコードを別の色に変更しましょう!・外部参考サイト:WEB色見本 原色大辞典 – HTMLカラーコード
(2)完了!
かんたんですね。
ショップをみるで確認してみましょう!
いかがでしたでしょうか。
ぜひお試しください!それではまた!