テキストサイズの変更について

[8910]

サイト上のテキストサイズの編集について質問させて頂きます。

もしご協力頂ける方がいましたらご回答よろしくお願いします。

テーマはDawnです。

①告知バー内のテキストを小さくしたい

（できればモバイル画面のみ小さくしたい）

②各セクションの見出しを大きくしたい

（できれば左寄りではなくセンターに表示したい）

どちらか一つの回答でも大歓迎です。

よろしくお願いします！

[Anonymous_44fbe07fc59d9ccaacd70575fd5a5155]

ご質問を確認しました。

どちらもcssで調整されると簡単かと存じます。

独自のcssファイルを作成し、下記コードを追記ください。

①告知バー内のテキストを小さくしたい

.announcement-bar__message {
  font-size: 12px;  //デフォルトが13pxのはずなので、12px以下でご調整ください
}

②各セクションの見出しを大きくしたい

.title {
   font-size: 25px;  //デフォルトが24pxかと存じますので25px以上でご調整ください
   text-align:center;//テキストの中央よせ
}

セクションによってクラス(上記で言うと「title」の箇所)が異なるかもしれないことご了承くださいませ。

参考：https://www.support.makeshop.jp/design/?p=471

参考までに。

フルバランス 園畑

[8910]

ご返信ありがとうございます！

①告知バー内のテキストを小さくしたい

②各セクションの見出しを大きくしたい

こちら反映することができました。ありがとうございます。

②で同じく質問した、テキストの中央寄せだけ反映させることができませんでした。

もし他の改善策をご存知でしたら教えて頂きたいです。

↓現在のコードの状態です。↓

・css_01を作成

・theme.liquidに{{ ‘css_01.css’ | asset_url | stylesheet_tag }}を記述

お忙しいとは思いますが、返信頂けると嬉しいです。

よろしくお願いします。