サイト内検索フォームカスタマイズ

「検索」ウィジェットを設定すると、サイト内検索のフォームが表示されますが、背景が白系の色の場合フォームの枠線が見えなくなりますので、その場合の対処法を解説します。

まず、フォームの枠線の色は、下記のCSSを「カスタムCSS」に貼付してください。(カラーコードは任意で変更可です)

input#s {
   border: 1px solid #d4d4d4;
}

次に、ボタンの色は下記のCSSを「カスタムCSS」に貼付してください。(カラーコードは任意で変更可です)

#searchsubmit {
    color: #d4d4d4;
}

また、フォーム内の「検索」というプレースホルダ―を変更したい場合は、Graziosoのテーマフォルダ内にある「searchform.php」の4行目の記述を変更してください。

上記の場合はテーマファイルを直接編集しますので、子テーマの利用をお勧めします。

この記事を書いた人

Graziosoサポート

Graziosoのカスタマー担当。