Gelöst Suchfeld Hintergrundfarbe ändern

[ascsoft]

Hallo Leute.

Ich würde gerne die Hintergrundfarbe des Suchfeldes im Shop auf Weiß ändern, finde aber irgendwie nicht den richtigen Ansatz.

Ich habe die Headerfarbe angepasst nun ist der Hintergrund im Suchfeld aber auch dunkel und man kann die Schrift nicht mehr lesen.

Meine Shopadresse ist www.dendroshop.de

Wär super wenn mir jemand dabei helfen könnte, vielen Dank.

Lg
Micha

 

[css-umsetzung]

.header-shop-nav input[name="qs"] {
    color: #ffffff;
}

 

[ascsoft]

Hallo CSS-Umsetzung.

Danke für deine Hilfe, aber es funktioniert so nicht bei mir. (weil ich irgendwas nicht richtig mache)

Ich habe in der Custom CSS folgendes eingetragen:


#evo-nav-wrapper {
background-color: #495463;
}
#logo a img {
max-height: 90px /* wahlweise mehr oder weniger */;
margin-top:-10px; /* wahlweise auch mehr oder weniger damit der header nicht so riesig wird */
max-width: 128%;
}

einmal für den Header auf #495463 zu ändern
und das andere für das Shoplogo etwas größer darzustellen.

Wenn ich nun dein code da noch hinzufüge ist der gesamte Header weiß und nicht nur der Hintergrund des Suchfeldes.

 

[ascsoft]

So ist es jetzt


aber es soll so sein:

 

[css-umsetzung]

ja, dann nimmst du meinen selector und sagst dem das die Hintergrundfarbe weiß ist, der selector sollte so passen

 

[ascsoft]

Hi,

dein selector ändert die Schriftfarbe, aber ich möchte den Hintergrund gerne in weiß haben.

.header- shop-nav input[name="qs"] {
background-color: #ffffff;
}

das funktioniert nicht.

 

[css-umsetzung]

ja, dann nimmst du meinen selector und sagst dem das die Hintergrundfarbe weiß ist, der selector sollte so passen

.header-shop-nav input[name="qs"] {
   background-color: #ffffff;
}

 

[ascsoft]

Also ich hab das jetzt drin, aber der Hintergrund wird nicht weiß.
Cache ist gelöscht, aber es funktioniert nicht.

kannst ja mal reinschauen www.dendroshop.de

in der Custom.css steht jetzt:

.header- shop-nav input[name="qs"] {
background-color: #ffffff;
}

#logo a img {
max-height: 90px /* wahlweise mehr oder weniger */;
margin-top:-10px; /* wahlweise auch mehr oder weniger damit der header nicht so riesig wird */
max-width: 128%;
}

 

[css-umsetzung]

warum steht das denn da in den inline styles
dann mach ein !important dahinter oder schaue warum das in den inline styles steht.

.header-shop-nav input[name="qs"] {
   background-color: #ffffff !important;
}

 

[ascsoft]

vielen Dank !!!!!

so geht es.

 

[css-umsetzung]

Wenn ich es richtig gesehen habe, ändert ein JS die styles, daher brauchst du das important, besser wäre es natürlich schöner, das js dafür zu killen.

Aber so geht es natürlich auch.