Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Kuddel]

Hallo zusammen,

wenn ich in meiner VIS das Link Widget verwende, bleibt die Schrift in der Runterime immer blau, obwohl ich im Widget weiß eingestellt habe?

Wie kann man die Schriftfarbe anpassen?

Widget Export

Spoiler

[{"tpl":"tplLink","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":">","visibility-val":"0","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Device_1_IP","visibility-oid":"0_userdata.0.shelly-devices.Anzahl","href":"http://{0_userdata.0.shelly-devices.Device_1.IP}","html":"{0_userdata.0.shelly-devices.Device_1.IP}","class":""},"style":{"left":"420px","top":"50px","width":"150px","height":"25px","color":"white","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"bolder","font-size":"large","line-height":"25px"},"widgetSet":"basic"}]

[DJMarc75]

@kuddel
Das ist ein Link und die Farbe (usw) musst du dann über CSS ändern.

[Kuddel]

@djmarc75 okay, auf dem Gebiet "CSS" bin ich absoluter Anfänger und bräuchte da Hilfe

[DJMarc75]

@kuddel ich leider auch daher kann ich nur bedingt weiterhelfen:

.linkwhite a:link,
.linkwhite a:visited,
.linkwhite a:active,
.linkwhite a:hover {
    color:white; 
    text-decoration:none;
    }

Das kopierst Du mal in VIS unter CSS rein

und gibst dann im Widget (unter "Generell - CSS Klasse" linkwhite ein.

Das mal als Grunderklärung, mehr kann ich da auch net helfen.

[Kuddel]

@djmarc75 ja es wird langsam besser.

leider wird die Schriftfarbe nur beim Mouseover weiß und nicht permanent.

[DJMarc75]

@kuddel Dann muss

{
   color:white;
    text-decoration:none;
    }

dies wohl auch hinter die anderen (a:link, usw)

Aber musst probieren, wie gesagt, ich bin da auch Neuling

EDIT: vll liest ja ein Profi mit

[Kuddel]

@djmarc75

.linkwhite a:link {
    color:white; 
    text-decoration:none;
}
.linkwhite a:visited {
    color:white; 
    text-decoration:none;
}
.linkwhite a:active {
    color:yellow; 
    text-decoration:none;
}
.linkwhite a:hover {
    color:orange; 
    text-decoration:none;
}

Wenn ich jetzt jeden Link 1x anklicke bleibt er weiß