Hintergrundfarbe Suchvorschläge ändern

Thema wurde von Nico (Kostbar), 22. August 2016 erstellt.

  1. Nico (Kostbar)

    Nico (Kostbar) Erfahrener Benutzer

    Registriert seit:
    3. Mai 2012
    Beiträge:
    294
    Danke erhalten:
    46
    Danke vergeben:
    73
    #1 Nico (Kostbar), 22. August 2016
    Zuletzt bearbeitet: 22. August 2016
    Hallo Zusammen,

    hat jemand eine Idee wie ich die Hintergrundfarbe des aufklappenden Suchvorschlagsfensters ändern kann ?
    http://kmw.matthiaskaulfuss.www70.hostkraft.de

    Hab's schon mit eigenem CSS versucht:
    .search-result-container {background-color: #555555;}

    Aber das funktioniert nicht. Tue mich da schwer immer den richtigen Code zu finden.

    upload_2016-8-22_9-12-56.png


    Danke im Voraus und LG
    Nico
     
  2. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    #2 bt012ss, 22. August 2016
    Den mal probiert?
    Code:
    #search .search-result-container
     
  3. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    #3 bt012ss, 22. August 2016
    Evt. auch
    Code:
    #search .search-result-container .open
     
  4. Nico (Kostbar)

    Nico (Kostbar) Erfahrener Benutzer

    Registriert seit:
    3. Mai 2012
    Beiträge:
    294
    Danke erhalten:
    46
    Danke vergeben:
    73
    #4 Nico (Kostbar), 22. August 2016
    Gerade DAS habe ich nicht versucht.
    Wie kommt man denn darauf #search davor zu schreiben?
    Mit
    Code:
    #search .search-result-container
    funktioniert es tatsächlich :D

    Super, vielen herzlichen Dank!!!

    LG
    Nico
     
  5. bt012ss

    bt012ss Erfahrener Benutzer

    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    #5 bt012ss, 22. August 2016
    Firebug hat mir das gesagt, ich selbst hab da auch wenig bis keine Ahnung von.
     
  6. Over Out

    Over Out Mitglied

    Registriert seit:
    24. Oktober 2014
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    4
    #6 Over Out, 26. August 2016
    Hallo,
    also das hat funktioniert, aber wenn ich drüberfahre, wird der Hintergrund wieder hell... Ich habe eine helle Schrift :oops:

    Was fehlt da dann noch?

    Liebe Grüße Susi
     
  7. Nico (Kostbar)

    Nico (Kostbar) Erfahrener Benutzer

    Registriert seit:
    3. Mai 2012
    Beiträge:
    294
    Danke erhalten:
    46
    Danke vergeben:
    73
    #7 Nico (Kostbar), 29. August 2016
    Hallo Susi,

    damit funktioniert es bei mir:
    Code:
    #search .search-result-container {background-color: #555555;}
#search .search-result-container a:hover {background-color: #555555; color: #ffffff;}
    Die erste Zeile ist für den Hintergrund des aufklappenden Suchergebnisfensters, die zweite Zeile für die Mouseoverfarbe (Hintergrund und Schriftfarbe).

    LG
    Nico