【SWELL】フッター直前ウィジェットの上部余白を0にするカスタマイズ

目次

フッター直前ウィジェットの上部余白を0にする

ワードプレステーマのSWELLではブロックごとの余白調節はほとんどcssを使わずに行うことができます。

しかし「コンテンツ下部の余白」と、「フッターとフッター直前ウィジェットの間の余白」の調整はcssを使わずに済むよう調整機能がついていますが、「フッター直前ウィジェット」を使用した際の上部余白の設定項目がなかったので(もしあるならどなたか教えてください)この部分はcssを使用して調整しました。

この色をつけてある部分の余白です。

この部分を消すために下記のcssを追記します。

css

/* フッター直前ウィジェット*/
.w-beforeFooter {
	margin-top:0;
}

これで消えました。

まとめ

地味ですが、全体の余白を統一しようと思った時などにこの調整方法を知っていると便利です。

  • URLをコピーしました!

コメント

コメントする

目次