[ 解決済 ] スマホで表示したとき、見出しが折り返している

このトピックには3件の返信、3人の参加者があり、最後に菅原忠雄により3年、 4ヶ月前に更新されました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)

投稿者

投稿
2021年6月28日 2:21 PM #53406

菅原忠雄
参加者

■ 利用テーマとバージョン :
Lightning G3 Pro

■ 質問内容：
作成したページをスマホで表示すると、見出しブロックで作成した文字列が左右の余白があるにもかかわらず折り返している。これを解決する方法が知りたい。
見出しは「h2」で使っています。
どうぞよろしくお願いいたします。

該当URL : https://*********
※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

2021年6月28日 2:29 PM #53407
DRILL LANCER
モデレーター
```
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
	padding: 1.25em 2.375em;
}
```
おそらく上記 CSS が WordPress 本体側であったっているのが原因です。
padding: 1.25em 2.375em; は上下に 1.25em 左右に 2.375em の内側余白を追加するという意味です。

上記を修正した CSS コードを子テーマの style.css 等に追記すれば調整可能です。
2021年6月28日 2:57 PM #53409
うなこ
モデレーター
もう一つの案としましては、
いったん、管理画面から見出しの文字色と背景色をクリアしていただき、
次に、カスタマイズ→Lightning デザイン設定　の　見出しデザイン　の「H2 とメインセクション見出し」を「背景塗り」に設定しますと、h2見出しが「背景塗り」のデザインになります。
※この場合のは背景色はキーカラーで設定したカラーになります。
- この返信は3年、 4ヶ月前にうなこが編集しました。
- この返信は3年、 4ヶ月前にうなこが編集しました。
- この返信は3年、 4ヶ月前にうなこが編集しました。
Attachments:
You must be logged in to view attached files.
2021年6月28日 3:49 PM #53415

菅原忠雄
参加者

モデレーターさんありがとうございました。
「padding: 1.25em 2.375em;」を変更して解決しました。
変更値は「padding: 0.7em;」にしました。
センター配置のときはこれでいいようですが、左配置したときはこれではたぶん難しいだろうなと思いますが、今回はセンター配置で進めますのでこれで行きます。
お陰で助かりました。
ありがとうございました。
投稿者

投稿