it-swarm.com.de

Probleme mit dem Layout der benutzerdefinierten Suche von Google

Wenn ich das benutzerdefinierte Suchskript auf meiner Seite installiere, ist das Layout fehlerhaft. Siehe den beigefügten Screenshot.

screenshot

Ich habe den folgenden Code ausgeschnitten und eingefügt:

<script>
  (function() {
    var cx = '000119385509173658979:1gb8nobc8-a';
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
  })();
</script>

Es funktioniert, aber es sieht vermasselt aus. Wie kann das behoben werden?

1
Kenneth Vogt

Hier ist das CSS, das das Problem behoben hat:

.gsc-input-box { background: none !important; border: none !important; height: auto !important; }

.gsc-search-box .gsc-input>input:hover, .gsc-input-box-hover { border: none !important; }

.gsc-search-box .gsc-input>input:focus, .gsc-input-box-focus { border: none !important; }

.gsc-result .gs-title { line-height: 1.5em !important; }

input.gsc-input { border: 1px solid #d9d9d9 !important; }

2
Kenneth Vogt