【STINGER8】ページナビのレイアウトが崩れた話

久しぶりにSTINGER8

SANGO購入後、ほとんど使ってなかったSTINGER8。久しぶりに公式からダウンロードした時に気付いたことをメモします。

ページナビの表示が崩れています

最新の STINGER8ver20171207 では、ページナビの表示が崩れています。
枠から数字がはみ出しています。

原因

旧バージョンとソースを比較したところ、style.cssの以下の箇所に違いがありました。

style.css

.st-pagelink .page-numbers {
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:10px;
	margin-right:5px;
	margin-bottom:5px;
	font-size:15px;
	min-width:20px;
	height:20px;
	display:block;
	float:left;
	text-align:center;
}

新バージョンでは、box-sizing:border-box;の部分が追加されていました。

該当部分をコメントアウトしてみると、正常にページナビが表示されたのを確認できたので、以下のとおり子テーマのstyle.cssで上書きして対応しました。

子style.css

.st-pagelink .page-numbers {
	box-sizing: content-box;
}

1 Comment

チーチ

とても参考になりました。ありがとうございます!
直せる方法を探し回りましたがうまくいかず、サイト初心者の私にはもう直せないのかとあきらめかけていたところで、tamaさんの記事を見つけました。

返信する

チーチ にコメントする コメントをキャンセル

メールアドレスが公開されることはありません。