【Diver】投稿内上部・下部ウィジェットの背景色を変える方法!

 

どうも、YoSK8(ヨースケ)です。

Diverの「投稿内上部ウィジェット」を使えば、広告や画像などを投稿ページの上部に簡単に表示させることができます。

当サイトでいえば、アイキャッチ画像のすぐ下にあるバナー広告が投稿内上部ウィジェットのエリアですね。

このエリアの背景色はデフォルトでは「グレー」になっていますが、お好みの「背景色」に変更する方法を紹介していきます。

Diver / 投稿内上部ウィジェットの背景色を変える方法!

投稿内上部ウィジェットの背景色を変えるには↓のコードを追加CSSに貼り付けます。

.widget.single-top {
background: #○○○○○○;
}

 

あとは「#○○○○○○」に好きなカラーコードを入力すればOK!

投稿内上部ウィジェット部分の背景色が好みのカラーに変更されます。

Diver / 投稿内下部ウィジェットの背景色も変更可能!

ちなみに、↓のコードを貼り付ければ「投稿内下部ウィジェット」の背景色も変更可能になります。

.bottom_ad {
background: #○○○○○○;
}

 

投稿内上部ウィジェットの背景色と同様に、お好みカラーでカスタマイズを楽しんでみてください。

【Diver】投稿内上部・下部ウィジェットの背景色を変える方法!まとめ

Diver投稿内上部・下部ウィジェットの背景色を変える方法を紹介してきました。

コードを追加するだけでサイトや広告画像に合わせた背景色にできるので、このウィジェットを使っている人はぜひお試しください。

最後までお付き合い頂き、ありがとうございました^^