FROM CACHE - jp_header

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

nakanotakuya
観光客
11 0 2

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

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

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

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

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

 

3件の返信3
_osamu_iwasaki_
Shopify Partner
129 33 168

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

スクリーンショット 2021-02-08 15.45.22.png

- Blog: https://note.com/osamuiwasaki
- Twitter: https://twitter.com/_osamu_iwasaki_
nakanotakuya
観光客
11 0 2

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

_osamu_iwasaki_
Shopify Partner
129 33 168

スクリーンショット 2021-02-10 11.30.35.png

collection-template.liquidの中に、<h1>タグが2つありますので、ここに独自のclassをつけてcssにfont-sizeを書きます。

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

例)<h1 class="titlle-collection"></h1>

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

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

<h1 style="font-size: 1.2em;">

 

- Blog: https://note.com/osamuiwasaki
- Twitter: https://twitter.com/_osamu_iwasaki_