目的: ページ・ブログのタイトルを小さくし、上下の余白を広げたい。
現状と課題①: settings_schema.json で heading_scale の最小値(min)を下げてタイトルを小さくしたところ、ヘッダーまで同時に小さくなってしまった。ヘッダーは現状の大きさのまま、タイトルのみ縮小したい。
課題②: ブログ記事・ページ・商品ページでタイトルサイズがバラバラ。文字サイズと上下の余白を統一したい。
補足(技術要素): DawnはShopifyのテーマ。調整はテーマコード(settings_schema.json)変更が試行済みで、見出し設定が他要素(ヘッダー)にも影響している。
最新の更新: 回答者は具体的なCSS提案のため、サイトURLと変更希望箇所のスクショ/イメージの提供を依頼。
決定・進行状況: 具体的な解決策は未提示。依頼情報(URL・スクショ)待ちで継続中。画像・画面キャプチャが問題把握に不可欠。
ページやブログのタイトルを小さくし、上下の余白を大きくしたいです。
課題①
以下の方法でタイトルの文字を小さくしたところ、タイトルと一緒にヘッダーまで小さくなりました。
タイトルを小さくして、ヘッダーはそのままの大きさにする方法はありますでしょうか？
- 管理画面より「オンラインストア > テーマ > カスタマイズボタンの横にある「…」 > コードを編集」からコード編集画面を開く。> - コード編集画面の「ファイルを検索」エリアに、『settings_schema.json』と入力しソートされたファイルを開く。> - 見出しのフォントサイズは『settings_schema.json』ファイルで『“id”: “heading_scale”』の下の行にある『“min”: 100,』を変更。
課題②
ブログ記事、ページ、商品ページのタイトルの大きさが異なります。
文字のサイズを統一し、上下の余白を揃えたいと思いますが、方法があればご教示いただけますと嬉しいです！
質問拝見しました。
テキストだけだと少し難しいので、
サイトURLと変えたい箇所などのスクショやイメージ画像などいただけますと具体的なCSSを提示できるかなと思いますので、そちらいただけますでしょうか？
ご確認お願いします！
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス