FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Dawn「ページ」のタイトル文字サイズ変更

解決済

Dawn「ページ」のタイトル文字サイズ変更

ttjko
新規メンバー
5 0 0

テーマは、Dawnです。

「ページ」のタイトル文字サイズを小さくしたいです。

こちらの他の同じような質問&回答を拝見し、回答通り

cssをページのカスタムcssに入力しましたが、エラーが出て修正ができません。

 

 

ご教授いただければ、大変助かります。

よろしくお願いいたします。

1 件の受理された解決策
Naru_05
Shopify Partner
56 9 9

成功

どのページの文字サイズを調整したいかによって方法は異なります。

 

①の場合、共通のcss(base.css)にh1要素に対しcssを書けば全てのページのh1に反映が可能です。
h1要素には何かしらクラスが付与されている場合は適宜指定をしたうえ調整してもいいかもしれません。
望んでいない箇所も反映されている事もありますので。

②の場合、そのページ(テンプレート)のh1要素のみに調整が可能です。
【例】商品ページの商品名の場合
カスタマイズ > 商品 > デフォルトの商品 > カスタムCSS

h1 {
font-size: 〇〇px;
}
〇〇には数値が入ります。
pxだけではなくem、remなどでも可能です。

 

どちらが正解といった事ではございませんのでご自身の管理しやすい方法を選んでいただければと思います!
ご確認よろしくお願いします。

元の投稿で解決策を見る

5件の返信5

Naru_05
Shopify Partner
56 9 9

ttjko 様


はじめまして。
カスタムCSS内でh1要素に対してCSSを適用させればエラーが解消されるかと思います。
ご確認ください。

ttjko
新規メンバー
5 0 0

ご返信ありがとうございます。超!初心者でございまして、もう少し詳しくお聞きしたのですが、

各ページのタイトル文字を小さくするには、下記のどちらになりますか?

 

1:「カスタマイズ」の左隣の3本線→「コードを編集」→該当ページのコードの数字を変更する

2:「カスタマイズ」→「ページ」を選択→カスタムCSSに入力する

 

 

レベルが低く申し訳ございませんが、入力すべき文字も教えていただけると助かります。

Naru_05
Shopify Partner
56 9 9

成功

どのページの文字サイズを調整したいかによって方法は異なります。

 

①の場合、共通のcss(base.css)にh1要素に対しcssを書けば全てのページのh1に反映が可能です。
h1要素には何かしらクラスが付与されている場合は適宜指定をしたうえ調整してもいいかもしれません。
望んでいない箇所も反映されている事もありますので。

②の場合、そのページ(テンプレート)のh1要素のみに調整が可能です。
【例】商品ページの商品名の場合
カスタマイズ > 商品 > デフォルトの商品 > カスタムCSS

h1 {
font-size: 〇〇px;
}
〇〇には数値が入ります。
pxだけではなくem、remなどでも可能です。

 

どちらが正解といった事ではございませんのでご自身の管理しやすい方法を選んでいただければと思います!
ご確認よろしくお願いします。

ttjko
新規メンバー
5 0 0

出来ました!!!分かりやすく教えていただきありがとうございます。

Naru_05
Shopify Partner
56 9 9

文字サイズは重要ですよね。

無事解決して良かったです!