コレクションページのカテゴリータイトルの文字サイズ変更

AI-generated summary

debutテーマのコレクションページで、カテゴリタイトル(見出し)だけ文字サイズを小さくしたいという相談。テーマ設定の「文字体裁」→「見出しの基本サイズ」では全ページの見出しサイズが変わるため、目的に合わないことが確認された。

対応案としては、collection-template.liquid を修正し、コレクションタイトルの

に独自classを追加して CSS で font-size を指定する方法が示された。例として .title-collection { font-size: 1.2em; } のように設定する。

補足として、collection-template.liquid には

が2か所あり、

  • コレクション画像がある場合用
  • コレクション画像がない場合用
    の両方を修正する必要があると説明された。

インラインスタイルで上書きする方法も可能だが、管理しやすさの面では class を付けて CSS で整理する方法が推奨されている。質問は実質的に解決済み。

debutテーマを使用しています。

コレクションページのカテゴリータイトルの文字サイズ変更したいのですが(小さく)

collection-template.liquidのどこを変更すれば良いでしょうか?

collection-template.liquid内で変更するのでしょうか?

どなたか分かる方よろしくお願いします。

「カスタマイズ」→「テーマ設定」→「文字体裁」→「見出しの基本サイズ」ではないでしょうか。

コレクションページのみサイズ変更したいのですがその方法だと全ページのサイズが変わってしまうんですよね。

collection-template.liquidの中に、

タグが2つありますので、ここに独自のclassをつけてcssにfont-sizeを書きます。

上の

は、コレクションに画像があった場合のコードで、
下の

は、コレクションに画像がない場合のコードなので、
どちらもコーディングしてください。

例)# 

.title-collection {
font-size: 1.2em;
}

でもいいですし、他で設定しているcssを上書きしたい場合は、下のようにインラインスタイルでも問題はありませんが、
管理・整理しやすいやりかたでコーディングしてもらえればと思います。

#