stingerのページナビ(ページ送りボタン)崩れを直す方法

はじめに

このブログではWordPressを使用しており、執筆時点ではSTINGER8(バージョン:20171207)というテーマを使っています。
前から分かっていたのですが、一部にページ崩れがありました。
そこで今回は備忘録としてstingerでのページナビ崩れを修正する方法を書きます。

修正前

本来であれば枠の中に数字が収まらなければいけないのですが、このようにはみ出ています。
表示が崩れていますね。

変更方法

まずはWordPressの管理画面に行き、外観の中にある「テーマエディタ」を選択します。

編集するテーマを選択から「STINGER8 Child」を選びます。
僕は子テーマを使っています。子テーマについては調べると色々出てくるのですが、まだ入れてない方は導入したほうが吉です。

テーマファイルより、スタイルシート(style.css)を選択し下記の内容を追加します。

/*-- ページャー --*/
.st-pagelink .page-numbers {
box-sizing:border-box;
}

追加したら「ファイル更新」をクリックします。

修正後

これで枠の中に数字が収まりました！