fragrant
解決済み

商品価格の表示

ukey

商品の値段の表示設定でフォントサイズ、フォント色を変更したいです。
PCで見た場合もですが、モバイル版では機種によっては、ほぼ見えない
html編集AppでPC版・モバイル版それぞれでの修正方法が知りたいです。
私なりに、調べたところどうも<div id="price">だと思いますが
html編集画面での操作方法がわかりません。
やりたいことは、単純にcolor:red; font-weight:bold; font-size:large;
みたいなことです。
ご教授お願い致します。

<div id="price">

回答が 2件あります

baseadmin

ご質問ありがとうございます。
商品サムネイルでの値段表示について、<div id=”price”>の部分で大丈夫です。
CSSはすべてまとめて外部CSSで管理されていますが、CSSそのものの性質として「HTML内に直接記述すればそれが一番優先」されます。

なので、<div id=”price”>というところまで発見されていて、記述したいCSSも準備できていればあとは書き込むだけです。
そのまま記述するとすれば

<div id=”price” style="color:red; font-weight:bold; font-size:large;">

となります。

HTML内の要素に直接記述する方法についてはこちらなどを参考にしていただくと良いと思います。

HTMLクイック・リファレンス:CSSの基本 > HTML文書にCSSを適用する
http://www.htmq.com/csskihon/004.shtml#03

ukey

ご回答頂きありがとうございます。
ご教授いただいた方法で、解決致しました。
ありがとうございました。

  1. baseadmin

    ご報告いただきありがとうございます。
    フォントが小さいというご意見も参考に今後も改善していきたいと思います。

    HTMLをカスタマイズした場合、カスタマイズしたものと、初期状態の「fragrant」は別管理されるようになり、「fragrant」はアップデートがあったときは自動的に最新になります。

    ご自身でカスタマイズした内容は、すべてメモしておいていただければ、アップデートがあった場合もその最新版に対して、改めてカスタマイズを施すことで、「最新版+カスタマイズしたオリジナル版」を保つことができます。

    どうぞよろしくお願いいたします。

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ