【ペライチ研究所】ブログ

ブログ一覧ブロックの表示文字サイズ変更

2024年01月29日 01:35

ブログ一覧ブロックですが

ページで表示すると、タイトル文字が結構大きいです。


で、このタイトルの文字サイズを変更したいと思います。

cssで変更します。


<style>

.c-heading {

font-size: 1em;

}

</style>


これで設定すると


こんな感じになります。


font-size: 1em; の 1em の 数字を変更することで、表示サイズがかわります。

元々が2emのようです。


cssは

「ページ情報編集」で「タグの埋め込み」でhederタグ内の埋め込み部分に設定してください。



ページ内で「HTMLブロック」を追加して、そこに設定でもOKです。


試してみて下さい。



同じく、決済ブロックの「ピックアップ商品一覧(3列)」や「全商品一覧(3列)」

商品一覧が並ぶときの商品名と説明の文字サイズも変更出来るようです。


<style>

.u-fsxl {

font-size: 1.5rem;

}

</style>


※「タグの埋め込み」の利用、「HTMLブロック」の利用は、レギュラープラン以上でご利用いただけます。



トップに戻る