【Google Adsense】カスタム検索エンジンを設置した際に、検索ボタンがつぶれてしまう時の対処法

2019-08-07

【Google Adsense】カスタム検索エンジンを設置した際に、検索ボタンがつぶれてしまう時の対処法

WordPressのサイトにカスタム検索エンジンを設置した際に、お使いのテーマによっては、検索ボタンがつぶれてしまうことがあります。

もはや何のボタンなのかわからない状態

【Google Adsense】カスタム検索エンジンの検索ボタン:つぶれている

大丈夫です。CSSで調整すれば表示されるようになります。

検索ボタンがつぶれてしまう時の対処法

CSSを設定するだけですので、とても簡単です。

「gsc-search-button」というクラスのwidthが、「1」になってしまっているのが原因のようです。

※「gsc-search-button」は、設定している広告コードによって名前が違うかもしれません。

widthをautoに設定(!important)します。

これで検索ボタンが表示されるようになりました。

【Google Adsense】カスタム検索エンジンの検索ボタン:正常表示

最後まで読んでいただき、ありがとうございました。