LION MEDIAテーマ の記事ページの余白を埋める。

WordPressに移動してから使わせていただいてるLION MEDIAテーマ だが、記事の書き出し部分に余白があって気になっていた。そこで自分でCSSを編集し修正したので修正方法を紹介したいと思う。

記事ページの余白？

ある時、自分が投稿した記事を見直していたら記事ページの書き出し部分に余白があることに気づいた。この余白のことを何と呼ぶのかはわからないが、スマホだと余計にスクロールしないといけないし、最初に画像を貼っている記事だとサイドメニューとの高さの違いが気になると思う。

文字から始まる記事だと余白が多く感じる。

画像から始まる記事だとサイドバーと揃っていない。

直し方

記事内のcssは.contentというクラスに書かれているようなのでカスタマイズの中の追加CSSに

.content{
	margin: 0px 0;
}

と記載するだけ。

結果

無駄な空白がない。

サイドバーとも揃っている。

まとめ

今回はCSSを追加するだけで修正できた。LION MEDIAは記事内のCSSは.contentに書かれているので修正する際はぜひ参考にして欲しい。