【Diver】検索ウィジェット(虫眼鏡)の背景色を変更する方法!

 

超高濃度!CBDフルスペクトラム60%!

 

 

 

 

 

当ブログでも使用しているWordpressのテーマ「Diver」ですが、サイトのカラーデザインなども簡単にカスタマイズ変更することができます。

ただ、「検索ウィジェット(虫眼鏡)の背景色」は変更することができず、

デフォルトカラーのまま使用するしかありませんでした。

この背景色を何とか変える方法はないのかサポートに問い合わせてみましたが、コードを追加すれば変更可能とのことだったので、僕自身の記録用としても紹介していきます。


Diverの検索ウィジェット(虫眼鏡)背景色を変更する方法!

Diverの検索ウィジェット背景色を変更するには、↓のコードをCSSに追加するだけです。

input[type="submit"].searchsubmit {
background-color: #○○○○○○;
}

 

あとは「#○○○○○○」部分に変更したいカラーコードを入力すればOK!

これで検索ウィジェットの背景色を好きなカラーに変えることができます。


まとめ

Diverの検索ウィジェット背景色を変更する方法を紹介しました。

これでサイトデザインに合わせたカラーの検索ウィジェットにできると思います。

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


ニコチン0、タール0、ニオイ0

アイコスでも吸えます!定期購入で割引!