Wie ist es möglich das Badge anders einzufärben, als wie es vom Style vorgeben wird? Würde das gerne in einer anderen Farbe hervorheben.
Badge im Hauptmenü (Anzahl der Chatter) Farbe verändern.
- oliXon
- Unerledigt
-
Ja würd mich auch mal interessieren
-
Hi,
im WCF 2.1 funktioniert der folgende Selektor: #mainMenu li[data-menu-item="chat.header.menu.chat"] .badge
Macht dann im Stil:CSS#mainMenu li[data-menu-item="chat.header.menu.chat"] .badge { background-color: #FF00FF; } -
Vielen Dank!
-
Mhh, hab das gerade mal probiert. Irgendwie verändert sich daran leider nichts
-
Also irgendwie nimmt er das background-color: nicht an, wenn ich das durch color: ersetzte, ändert es sich wie gewollt die Farbe der Zahl.
-
Hi,
das wird am Stil liegen, eventuell mit !important überschreiben, von hier aus kann ich da nicht viel zu sagen
-
Leider greift das auch nicht
So ein mist, gibt es ne Möglichkeit raus zu finden wie? -
Ja, gibt es:
Firefox/Chrome Dev-Tools - oder auch: Link zur Seite -
-
Hi,
dein Stil hat für Badges ein Hintergrundbild definiert.
Entweder, du machst ein background-image: none; dazu oder etwas in der Art:CSS#mainMenu li[data-menu-item="chat.header.menu.chat"] .badge { background-image: linear-gradient(rgb(239, 74, 56), rgb(205, 61, 48)); } -
Klappt nun
Das einzige was mich stört das oberhalb des Badges immer noch wie eine Art Schaden Rot ist, bei helleren Farben oder Weiß sieht man das immer sehr deutlich! -
Muss man hier vielleicht noch etwas mehr tun als den CSS Code im jeweiligen Style einzufügen?
Bei mir zeigt er nämlich gar nichts. -
chrissy. Einmal im acp den Cache leeren. Und gucken, ob es dann geht.
-
Hallo,
ich habe die Raumauswahl an wie ändere ich dort das Badge?Danke
Gruss Aku
Edit: hab mir eben die Dev Tools geholt damit ich nicht wegen jedem Sch... nachfragen muss. Etwas rumprobiert und gefunden:
Code#chatRoomListContainer .containerHeadline .badge {color:#000000; background:#ffffff;}
