
当ブログでも使用しているWordpressのテーマ「Diver」ですが、サイトのカラーデザインなども簡単にカスタマイズ変更することができます。
ただ、「検索ウィジェット(虫眼鏡)の背景色」は変更することができず、
デフォルトカラーのまま使用するしかありませんでした。
この背景色を何とか変える方法はないのかサポートに問い合わせてみましたが、コードを追加すれば変更可能とのことだったので、僕自身の記録用としても紹介していきます。
Diverの検索ウィジェット(虫眼鏡)背景色を変更する方法!
Diverの検索ウィジェット背景色を変更するには、↓のコードをCSSに追加するだけです。
input[type="submit"].searchsubmit {
background-color: #○○○○○○;
}
background-color: #○○○○○○;
}
あとは「#○○○○○○」部分に変更したいカラーコードを入力すればOK!
これで検索ウィジェットの背景色を好きなカラーに変えることができます。
まとめ
Diverの検索ウィジェット背景色を変更する方法を紹介しました。
これでサイトデザインに合わせたカラーの検索ウィジェットにできると思います。
最後までお付き合い頂き、ありがとうございました^^