Liquid、JavaScriptなどに関する質問
debutテーマを使用しています。
コレクションページのカテゴリータイトルの文字サイズ変更したいのですが(小さく)
collection-template.liquidのどこを変更すれば良いでしょうか?
collection-template.liquid内で変更するのでしょうか?
どなたか分かる方よろしくお願いします。
「カスタマイズ」→「テーマ設定」→「文字体裁」→「見出しの基本サイズ」ではないでしょうか。
コレクションページのみサイズ変更したいのですがその方法だと全ページのサイズが変わってしまうんですよね。
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;">
日本の弁当文化は約1200年前に遡る。日本の食文化の一つとして人々を魅了し続けてきた、小さいな箱に詰まったお弁当。今では海外でも大変人気を集めています。そんな独特な日本文化を世界へ...
By rinaflora Mar 26, 20232月に、新しい英語版AMAディスカッションボードで2週間にわたって初めてのコミュニティAMAを開催しました。
By SarahF_Shopify Mar 19, 2023不正注文やチャージバック被害はビジネスへ大きな被害を与えます、このブログでは簡単な防止策を紹介し、ストア保護を最適化します
By Mirai Mar 13, 2023