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

  • URLをコピーしました!

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

目次

記事ページの余白?

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

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

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

直し方

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

.content{
	margin: 0px 0;
}

と記載するだけ。

結果


無駄な空白がない。

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

まとめ

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

 

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

どうもZuxikkuです。
日本語だとズィックだとかジックって呼ばれています。
外国の方だとズクシーとか。ガジェットとか新しいもの大好き。

コメント

コメント一覧 (2件)

  • やってみたのですがうまくいきませんでした。
    バージョンアップされたのかな?

    • 確認しましたが、私も最新バージョンを使用しているので変わらないと思います。
      子テーマをダウンロードし、そいつの追加CSSに追記しています。
      他のCSSをすでに追加して競合しているということはないでしょうか?

コメントする

CAPTCHA


目次