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

 

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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