LION MEDIAの記事上部の隙間を無くす方法

LION MEDIAの記事上部の隙間を無くす方法

ライオンメディアの記事の上部って何だか微妙な隙間・空白がありませんか?

本当に微妙な隙間で…SNSアイコンが表示される部分なんですが、SNSアイコンがあっても無くても、上からコンテンツまで微妙な隙間・空白が開いてしまいます。なんでこんなのあるんだろうと思い、隙間をCSSカスタマイズで消してみました。

カスタマイズといっても、すごく簡単に隙間を消すことができます。それではやり方を下記で説明しますね。

追加CSSで隙間を無くす方法

追加CSSを記述してあげると

こんなふうに、隙間が無くなりました。

追加したCSSコードはコレです。

/*記事上部の隙間*/
.content{
	margin-top: -30px;
}

このコードを子テーマのCSSにコピペしてください。あとはShift+F5でプレビューを更新してみると、隙間がなくなっているハズです。

マイナス30pxくらいが、ちょうどいいと個人的に思いました。ここは個人の裁量で変えてあげてください。

ちなみに-300pxくらいにすると、下のようになります。

記事コンテンツが、ヘッダーまで浸食してしまいました。面白いですね。

いや表示バグってるだけ…

SNSアイコンを表示させても、そのアイコンからコンテンツまでの隙間は指定した数値分だけ無くなっているので、問題なしです。

以上、ライオンメディアの記事上部の隙間を無くす方法でした!

らいおんメディアカテゴリの最新記事