サイト内検索が表示されなくなってしまいました。
10月上旬には表示されていたはずの検索欄が表示されなくなってしまいました。
「検証」で調べてみるとこのような感じになります。(高さが0になってしまっています)
これはなぜでしょうか?
再度こちらのサイト(> https://www.tipdip.jp/tips_posts/production/1109/)を手本に設定してみましたが表示されません。CSSも何も「検証」でみる限り何も機能していない現状でございます。
どなたか解決方法のわかる方を探しております。よろしくお願いいたします。
一応コードも記載しておきます。(個人情報漏洩防止のため、番号だけ1111...に変更させていただいております)
HTML
1<!-- Googleサイト内検索 --> 2 <div id="gsc"> 3 <p><span>▼</span>知りたいことやお困りのことがあれば、<br>キーワードを入力してください</p> 4 <script> 5 (function() { 6 var cx = '111111111111111111:fejacz5dwlu'; 7 var gcse = document.createElement('script'); 8 gcse.type = 'text/javascript'; 9 gcse.async = true; 10 gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 11 var s = document.getElementsByTagName('script')[0]; 12 s.parentNode.insertBefore(gcse, s); 13 })(); 14 </script> 15 <gcse:searchbox-only></gcse:searchbox-only> 16 </div> 17 <!-- End Googleサイト内検索 -->
CSS
1 2#gsc{ 3 background-color:#FFF; 4 vertical-align:middle; 5 float:right; 6 width:280px; 7 height:51px; 8} 9#gsc a{ 10 padding: 0; 11 line-height:18px; 12} 13#gsc a:hover{ background-color:transparent;} 14#gsc{ 15 width:280px; 16 /*margin:10px auto; 17 padding:0 15px;*/ 18 position:relative; 19} 20@media only screen and (max-width: 768px){ 21#gsc{ 22 width:90%; 23} 24#gsc{ 25 /*float:none;*/ 26 27 margin:10px auto; 28 padding:0 15px; 29 position:relative; 30} 31} 32#gsc .gsc-control-cse, 33#gsc .gsc-control-cse-ja, 34#gsc .gsib_a{ 35 margin:0 !important; 36 padding:0 !important; 37} 38.cse .gsc-control-cse, .gsc-control-cse{ 39 border:none !important; 40} 41/* テキスト入力フォームとボタンの位置 */ 42#gsc table.gsc-search-box td, 43#gsc table.gsc-search-box input { 44 vertical-align: middle !important;/*topから*/ 45} 46#gsc table.gsc-search-box td.gsc-search-button{ 47 padding-left:10px; 48} 49#gsc table.gsc-search-box td.gsc-search-button .gsc-search-button{ 50 padding:16px; 51} 52/* テキスト入力フォーム */ 53#gsc input[type="text"]{ 54 border: 1px solid #dddddd !important; 55 height:25px !important; 56} 57#gsc input[type="text"]:focus { 58 border: 1px solid #008ee1 !important; 59 outline: 0; /*safariの自動フォーカスを切る */ 60} 61/* テキスト入力フォームの影を消す */ 62#gsc #gsc-iw-id1{ 63 border:none !important; 64} 65/* テキスト入力フォームの背景画像位置調整 */ 66#gsc #gs_tti0 input{ 67 background-position:5px 5px !important; 68} 69/* ボタンの色 */ 70#gsc input.gsc-search-button { 71background: #0FB4ED !important; 72background: -ms-linear-gradient(top, #0FB4ED 0%,#0FB4ED 100%); /* IE10+ */ 73filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0FB4ED', endColorstr='#0FB4ED',GradientType=0 ); /* IE6-9 */ 74border: 1px solid #0FB4ED !important; 75} 76/* ボタンの位置調整と角丸消し */ 77#gsc .gsc-search-button{ 78 margin:0 0 0 -16px !important; 79 border-radius:0; 80} 81/* 入力時に出る「×」ボタンの位置調整 */ 82#gsc .gsib_b a{ 83 position:absolute; 84 top:15px; 85 right:65px; 86} 87/* 入力時に出る×ボタン -- Firefox位置調整 -- */ 88#gsc .gsib_b span{ 89 box-sizing: border-box; 90 -moz-box-sizing: border-box; 91 padding:2px 0 0 0; 92} 93.gs-title:link,.gs-title:visited { 94 color:#0000CC !important; 95} 96.gsc-result .gs-title{ 97 line-height:1.5; 98} 99table.gsc-search-box td{ 100 padding:0; 101}
あなたの回答
tips
プレビュー