こんにちは
具体的にどのようにすれば良いのかはお使いのテーマなどによって異なります。
一般的にはinput[type="search"]
のスタイルを変更すれば幅を調整できそうです。
CSS自体が分からない場合はご自身でお調べになるか、CSS自体について質問できるフォーラムなどでご質問ください。
1)デベロッパーツールにて、該当する、変更したいサイドバーの「検索」の窓を確認し、それを、
2)ダッシュボード> カスタマイズ > 追加CSSにて貼付、数値を変えてみたのですが、
うまく反映しません。以下のように書き換えています。
form#searchform input#s {
width: 120px;
}
を
form#searchform input#s {
width: 100px;
}
に書き換えた。
どうぞ、間違いをご指摘くださいませ。
該当ウェブサイトは、
https://tsurumaki-office.com/
です。
お手数ですが、よろしくお願いいたしまーす!
十分狭まってると思いますが。
https://i.imgur.com/iDtr3ui.jpg
デベロッパーツールで見ると100pxになってますし値を小さくすると小さくなるので編集部分の間違いではないようなのでブラウザのキャッシュの影響でしょう。
あ、ちじまっていますか。見た目で、わからなかったのでしょうか。お手数をおかえしました。ありがとうございまーす!