フォントのサイズ変更

質問一覧対象テーマ: Landscapeフォントのサイズ変更
pandampandam asked 4年 前

こんにちは。
商品ページフォントの大きさについてですが、これを小さく表示するにはどのようにしたらよいでしょうか。扱っている商品の名前がそれぞれ長いので、スマートフォンだとかなりスペースをとられバランスが悪くなってしまいます。

1 Answers
baseadminBaseDesignInfo Staff answered 4年 前

こんにちは、Landscapeの商品ページ、商品名のフォントサイズですね。

フォントサイズはCSSというもので制御されています。
CSSはテンプレートファイルに組み込まれていますが、Landscapeではピンポイントでカスタマイズできるよう、デザイン編集画面に「独自CSS」という機能を用意していますので、そちらにCSSコードを入力し、「保存」することで初期設定に上書きされる形で適用されます。

今回、商品ページの商品名のフォントサイズであれば

#item_page_wrap header h1 { font-size: 1.8em; }

が初期状態ですので、この数字の部分をお好みで変更し、この一文を「独自CSS」欄にペーストして保存します。例えば font-size: 12px にすればものすごく小さくなるはずです。

CSSカスタマイズをするにはCSSの知識をお持ちであることが前提となりますが、フォントサイズだけであればこちらをご参照いただければ大丈夫だと思います。

font-size-スタイルシートリファレンス – HTMLクイックリファレンス