wordpressの文字サイズ調整について

[るか]

いつもお世話になっています。
wordpressの文字サイズ表示についてです。
デスクトップ表示だと文章が一行ですが、モバイル表示にすると2行になってしまいます。
モバイル表示でも1行表示にしたいです。

モバイル表示に合わせて文章を調節して1行にする方法、もしくわプラグインはありますか？
ボタンリンクも同様に小さくしたいです。

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

---

マニュアル確認済み
WordPressのバージョン : 6.3.3
ご利用のサーバー名 : ミックスホスト
PHPのバージョン : 7.0
OS : Ventura 13.6.4
ご利用のブラウザ : Googleクローム
該当サイトのURL : https://rrruka.com/

[tsu_]

@るか さん

こんにちは！
画像ありがとうございます。

まず前提としてですが、スマートフォンの画面幅は端末によって異なりますので、
そのあたりの表示状態を追いすぎるのは、あまりお勧めできないですね。。。

該当の記事のURLをご共有いただければ、
何かお伝えできることはあるかもしれません...！

ご確認お願いいたします！

[るか]

そうなんですね。
https://rrruka.com/club-nagoya-beginner/
こちらのページです。

他のサイト(競合)では、文字サイズ調整を行なっていたのでどのようにするか気になりました。

[tsu_]

@るか さん

細かい調整は必要になってくると思いますが、
以下のコードでもある程度は調整できるかもしれません↓

@media (max-width: 767px){
.kaisetsu-box2 .wp-block-table td {
font-size: 11px;
}
.jin-shortcode-button a {
padding: 10px 25px;
font-size: 13px;
}
}

font-size や padding の数字は適宜変更してみてください...！

[るか]

ありがとうございます。
ちなみにこのコードをどこに貼ればいいのでしょうか？

[tsu_]

@るか さん

管理画面「外観」>「カスタマイズ」>「追加CSS」です！

[るか]

ありがとうございます。
設定したあとにやるべきことはありますか？
たとえば、キャッシュの削除など……

[tsu_]

@るか さん

そうですね、キャッシュの削除はしておいた方が良いと思います！

[るか]

おすすめのキャッシュ削除方法はありますか？
また、どこまで削除したらいいかわかりますか？
クロームの場合です。

[るか]

すいません。添付写真を間違えました。

[tsu_]

@るか さん

そうですね、添付いただいた画像の項目で良いと思います...！

こちら参考までに。
https://helpx.adobe.com/jp/legacy/kb/222659.html

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

[るか]

ありがとうございます。