Google Benutzerdefinierte Suche ( Hintergrund ) Transparent

Andybln

Auf meiner Seite zu finden unter http://www.startberlin.de
habe ich die Benutzerdefinierte Google Suche integriert ( klappt soweit alles Wundebar )

Frage :
der weiße Hintergrund gefällt mir leider nicht so ganz ;-)
wie könnte ich den Hintergrund Transparent machen ?

Ich freue mich über Anregungen

viele Grüße
Andreas

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Marcus[IS]

Mojn,

Die Hintergrundfarbe wird, soweit ich das herausgefunden habe über diesen Eintrag in einer default.css geregelt;

Code

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;




}

Das Problem in diesem Fall ist, dass diese css Datei bei Google liegt und du somit keine Möglichkeit hast das Layout dies bezüglich anzupassen.

Normalerweise würde man jetzt sagen, no chance, aber ich behaupte mal, dass man das theoretisch zumindest umbiegen kann. ;)

Füge mal diesen Code am Ende der style.css deines Themes ein und versuche es mal.

CSS

.cse .gsc-control-cse, .gsc-control-cse {


    background-color: rgba(255, 255, 0) !important;






}

Alles anzeigen

Ist allerdings jetzt nur Theorie, also kann ich nicht versprechen, dass es tatsächlich hinhaut.

Andybln

Hey Marcus - toller Ansatz wenn es funktioniert melde ich mich nochmal - werde es heute Abend mal ausprobieren :-)

Viele Grüße Andreas

Andybln

Schade - habe es gerade probiert - so hat es leider nicht funktioniert :-(

reap705

Ändere in der style.css mal folgendes

Code

[COLOR=#000000][FONT=Consolas]#topSearch input[type="text"] {[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    width:240px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    background:[COLOR=#ff0000]transparent[/COLOR] url(images/ico_search.png) 94% 50% no-repeat;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    padding:7px 10px 7px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    font-style:italic;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    border:none;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    font-family:Droid Serif,Georgia,serif;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    font-size:12px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    -moz-border-radius:12px; [/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    -webkit-border-radius:12px;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    -moz-box-shadow: inset 1px 1px 2px #bbb;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    -webkit-box-shadow: inset 1px 1px 2px #bbb;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    box-shadow: inset 1px 1px 2px #bbb;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]    color:#999;[/FONT][/COLOR]
[COLOR=#000000][FONT=Consolas]}[/FONT][/COLOR]

Alles anzeigen

Der Hintergrund der Bilddatei "ico_search.png" ist allerdings nicht transparent. Da musste noch mal ran :wink:

Andybln

Schade - leider erbrachte dies auch keine Änderung.
Der Hintergrund der Google Suche bleibt weiterhin weiß

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Google Benutzerdefinierte Suche ( Hintergrund ) Transparent

Jetzt mitmachen!