Hintergrundfarbe Suchvorschläge ändern

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

  1. Nico (Kostbar)

    Nico (Kostbar) Erfahrener Benutzer

    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
     
    Zuletzt bearbeitet: 22. August 2016
  2. bt012ss

    bt012ss Erfahrener Benutzer

    Den mal probiert?
    Code:
    #search .search-result-container
     
  3. bt012ss

    bt012ss Erfahrener Benutzer

    Evt. auch
    Code:
    #search .search-result-container .open
     
  4. Nico (Kostbar)

    Nico (Kostbar) Erfahrener Benutzer

    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

    Firebug hat mir das gesagt, ich selbst hab da auch wenig bis keine Ahnung von.
     
  6. Over Out

    Over Out Mitglied

    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

    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