ブロックウィジェットでのgoogle検索

テーマ側のtableの装飾のcssが入ってしまっているようでした。
以下のCSSを子テーマや追加CSSなどに追記しますと、消えますか？

.gsc-search-box td{
border: none;
padding: 0;
}
.gsc-search-box .gsc-input{
margin-bottom:0;
}

githubのLightningのissueをたてました

• この返信は3年、 1ヶ月前にうなこが編集しました。

ほんとですね、、tableが入子になっているようで、　中のtd全体のpaddingを０にしてしまっていました。
以下のCSSでいかがでしょうか。まだ変でしたら教えてくださいmm

.gsc-search-box td{
border: none;
}
.gsc-search-box td.gsc-input{
margin-bottom: 0;
padding: 0 12px 0 0;
}

• この返信は3年、 1ヶ月前にうなこが編集しました。

こちらこそすみません！同じクラス名がついているので、間違えてしまいました。。m(_ _)m
おそらく以下のCSSで大丈夫だと思います。

.gsc-search-box td{
border: none;
}
.gsc-search-box td.gsc-input{
padding: 0 12px 0 0;
}
.gsc-search-box table.gsc-input{
margin-bottom: 0;
}

• この返信は3年、 1ヶ月前にうなこが編集しました。

原因としては

* google検索が table タグで構成されている
* Lightning が table タグに対して余白を設定している
* CSS最適化を有効化していると table が存在しないページでは table タグに余白を付与する CSS が出力されない → Google検索の表示が正常に見える

という現象でした。

ただ、 Google 検索については Lightning のユーザー全員が設置するものではないので、
Lightning側での対応ではなく、下記のCSSを追加CSSなどに記載してご利用お願いいたします。

body .gsc-control-cse{
padding:0;
}
.gsc-search-box td{
border: none;
}
.gsc-search-box td.gsc-input{
padding: 0 12px 0 0;
}
.gsc-search-box table.gsc-input{
margin-bottom: 0;
}
.gsc-search-box td.gsc-search-button{
padding:0;
}

• この返信は3年、 1ヶ月前に石川＠Vektor,Inc.が編集しました。