Suchfeld andere Farbe zuweisen

jobelix · Nov 22nd 2016

Moin zusammen,
Trotz intensivster Suche, habe in den Stil-Einstellungen und CSS nicht erkennen können, wie ich die Farbe des Suchfelds ändern kann.
Im der mobilen Ansicht kann man die Suche sofort finden, in der PC Ansicht ist der Kontrast viel zu gering.
Wäre für Hilfe dankbar
Gruß Jo

mcburn · Nov 22nd 2016

Wenn du es so meinst dann nimm den CSS Code und passe es deiner Farbe an.

CSS

.userPanel > div > .searchBar {
    background-color: hier dein Farbcode;
    position: absolute;
    right: 0;
    top: 0;
}

the-lucky-no.1 · Nov 22nd 2016

Wenn es sich überhaupt um das Blue Temptation Stil handelt. Link wäre gut.

mcburn · Nov 22nd 2016

Das nennt man Tip geben Ich habe nicht umsonst Element untersuchen mit im Screenshot gezeigt. Und ich habe lediglich gezeigt welche Deklaration es ist, also Background-Color.
Ein bißchen Eigeninitiative sollte gegeben sein.

Ob es sich um den gleichen Stil weiß ich auch nicht. Aber man muss doch nicht allen immer alles vorkauen oder?

the-lucky-no.1 · Nov 22nd 2016

Als Tip ist das aber nicht zu verstehen, denn laut deinem Post soll er den CSS Code nehmen und dies ohne zu wissen, ob es der Stil überhaupt ist.

T1N0 · Nov 22nd 2016

Meinst Du ein Stilanbieter verändert die Klasse? Ich glaube eher weniger!

the-lucky-no.1 · Nov 22nd 2016

Bei meinem Stil wirst du mit dem Code kein Erfolg haben und sicher bei vielen anderen auch. Gibt viele Stile mit Suchfelder ausserhalb vom Userpanel.

T1N0 · Nov 22nd 2016

Dann sucht er halt den Teil in seinem CSS.

Und .searchBar ist jedenfalls immer richtig.

jobelix · Nov 22nd 2016

Hallo und danke für die Hinweise.
Arbeite mich erst gerade erst in 4.1 ein und bin kein Programmierer
Es geht um das Suchfeld oben rechts, dass ich gern in weiß haben möchte.
Forum ist hier: www.kmc-ev.de/wbb/
Ja, es ist der bearbeitete Blue Temptation Stil
Diese Änderungen brachten keine Änderung

Code

@media only screen and (max-width: 800px) {
	.userPanel {
		background-color: rgba(255, 255, 255, 1);

		> div {
			> .searchBar {
				background-color: rgba(255, 255, 255, 1);

Gruß Jo

the-lucky-no.1 · Nov 22nd 2016

Quote from T1N0

Dann sucht er halt den Teil in seinem CSS.

Womit er wieder am Anfang steht

Black Rider · Nov 22nd 2016

Also bei mir ist der Hintergrund mobil weiß, so wie er laut Code sein soll.
Zumindest mobil. Und da soll es laut Code auch so sein.

Falls du es nicht mobil willst, lass Zeile 1 weg.

jobelix · Nov 22nd 2016

Das ist ja das komische, mobil weiß im PC Mode dunkelgrau

the-lucky-no.1 · Nov 22nd 2016

Weil dein Code nur für max 800px breite Bildschirme zählt. Mach wasBlackRider geschrieben hat und lass die erste Zeile weg.

jobelix · Nov 22nd 2016

Ok, Zeile weglassen aus ausklammern führt zur einer Fehlermeldung
Ich habe es jetzt so gelöst:

Code

@media only screen and (max-width: 3500px) {
 	.userPanel {
		background-color: darken(@wcfPageBackgroundColor, 10%);

		> div {
			> .searchBar {
				background-color: rgba(255, 255, 255, 1);

Danke für die Unterstützung

the-lucky-no.1 · Nov 22nd 2016

Dann hast du aber bei Bildschirmen mit Ultra HD wieder ein graues Suchfeld.

So muss es funktionieren

Code

.userPanel > div > .searchBar {
    background-color: #ffffff;
}

mcburn · Nov 22nd 2016

Mhhhh....

Quote from mcburn

.userPanel > div > .searchBar {
background-color: hier dein Farbcode;
position: absolute;
right: 0;
top: 0;
}

Display More

Suchfeld andere Farbe zuweisen

Participate now!

Share