トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
トップページに設置する検索フォームをカスタマイズしたいのですが、うまくいきません。
【やりたいこと】
検索フォームをGoogleのトップページにある検索窓みたいにカスタマイズしたい!
<具体的には>
①検索フォーム内の背景を白色にする
②検索フォームの角を丸くする
③検索フォームの左端に虫眼鏡アイコン(ボタンではない)を設置する
【やったこと】
デフォルトの検索フォームに以下のCSSを追加しました。
.search_input_box{
border:1px solid #b0b0b0;
background-color:#FFFFFF;
border-radius:54px;
}
【結果(現状)】
CSSを追加した結果、やりたいことの①と②はできたのですが、デフォルトの四角いボーダーが残ってしまいます。
また、虫眼鏡アイコンを設置しようと、ショートコードを検索フォーム内に入れてみたのですが、反映されません。(ショートコードの文言がそのまま出力される)
以上、大変お手数ですが、ご教示いただけますと幸いです。
Yoast Duplicate Post
XML Sitemap & Google News
WPForms Lite
SEO SIMPLE PACK
Search Regex
Redirection
Converter for Media
Breadcrumb NavXT
Akismet Anti-spam: Spam Protection