全体の見出しと段落のデフォルトサイズを変更したい。

[With]

■ WordPress のバージョン
6.6.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.26.3

■ Pro Unit のバージョン
9.99.4.1

■ スキンの種類
Origin III

■ 期待する動作
全体の見出しと段落のデフォルトサイズを変更したい。

【見出し】期待するデフォルトのフォントサイズ
PCの見出しブロックでフォントサイズをL(LARGE)に設定
スマートフォンの文字サイズではもう少し小さくしたい。

PCで確認して文字フォントサイズを設定後に
実際にスマートフォンで確認しながら
文字フォントのサイズを設定しています。

スマートフォンで見ると
大きすぎるため変更したい時が多々あります。

PCのフォントサイズは丁度良いのですが
デフォルトではスマートフォンのサイズと
合わないことがあります。

【段落】期待するデフォルトのフォントサイズ
PCの段落ブロックはデフォルト設定、
スマートフォンの文字サイズはもう少し大きくしたい。

段落ではスマートフォンで見ると小さすぎるため
変更したい時が多々あります。

以上の理由により、
デフォルトサイズを変更して調整したいのですが、
どうすれば良いでしょうか。
具体的に追加CSSでお伝えて頂きたい。

■ 自分で試した事
PCの文字サイズを追加CSSで設定変更しております。
スマホの文字サイズも設定変更したい。
全体の文字フォントサイズを表示認識させたい。

PCの文字サイズは以下に設定しております。
スマートフォンの文字サイズも同様に
設定したいのですが分かりません。

CSSはそれほど詳しくありませんので
以下の追加CSSを教えて頂いたと思います。

/* =====================
文字サイズの変更（PC表示時・段落など）
===================== */

@media (min-width: 992px) {

#main .entry-body {
font-size:17px;
}

}

■ 症状が発生するブラウザ
Google Chrome

■ 実際の症状
全体の見出しと段落のデフォルトサイズを変更したい。

【見出し】期待するデフォルトのフォントサイズ
PCの見出しブロックでフォントサイズをL(LARGE)に設定
スマートフォンの文字サイズではもう少し小さくしたい。

PCで確認して文字フォントサイズを設定後に
実際にスマートフォンで確認しながら
文字フォントのサイズを設定しています。

スマートフォンで見ると
大きすぎるため変更したい時が多々あります。

PCのフォントサイズは丁度良いのですが
デフォルトではスマートフォンのサイズと
合わないことがあります。

【段落】期待するデフォルトのフォントサイズ
PCの段落ブロックはデフォルト設定、
スマートフォンの文字サイズはもう少し大きくしたい。

段落ではスマートフォンで見ると小さすぎるため
変更したい時が多々あります。

以上の理由により、
デフォルトサイズを変更して調整したいのですが、
どうすれば良いでしょうか。
具体的に追加CSSでお伝えて頂きたい。

[石川＠Vektor,Inc.]

お世話になっております。ベクトルの石川でございます。

> 具体的に追加CSSでお伝えて頂きたい。

大変恐れ入りますが基本的にCSSで行うカスタマイズに関してはサポートを保証するものではありません。
そうでないと受託制作で利益を得ている業務に対して、年間1万円のライセンス料で弊社スタッフが無限にサポートしつづける事になってしまうためです。

CSSのカスタマイズ方法については以前より何度か下記の記事についてご案内させていただいております。

できる！WordPressカスタマイズ #01 簡単なデザイン（CSS）カスタマイズ方法徹底解説

これはプロとしてウェブ制作を有償で請け負う場合、どうしても直接CSSを書かないといけない場面に遭遇しますので、
ご自身で対応できるようになっていただくためです。

まずは上記確認の上、本文の文字サイズ変更で記載しているCSSも参考に、ご自身で試し、
うまくいかなかった場合はそのCSSを貼り付けて投稿いただけば、どこに問題があって効いていないのかアドバイスさせていただきます。

よろしくお願いいたします。

[投稿者]

投稿