ワードプレスのプラグイン、searchwp-live-ajax-searchの検索結果が表示が小さすぎるのが不満だったので修正しました。
以前にもいろいろ変更していたのですが、
searchwp-live-ajax-search\assets\styles\style.css(15,2) [SJIS]: max-height: 300px;
|
1 2 3 4 5 6 7 8 9 10 11 |
.searchwp-live-search-results { box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; -webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4); box-shadow: 0 0 2px 0 rgba(30,30,30,0.4); border-radius: 3px; width: 315px; min-height: 175px; max-height: 300px; } |
min-height: 675px;
max-height: 900px;
とかに変えると検索結果が広くなることが分かりました。
けど、プラグインの中身を変えるのは後々困るるかもしれないので、これを子テーマのカスタマイズで行う事にしました。
こんな感じでコピーして高さに関する部分を書き換えました。
こんな感じで検索結果をでかく表示されるようにしています。
あと、Divタグをいじって背景色、フォントなど変更しています。
参考
https://www.momosiri.info/cms/css-div/