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

[jackblackson]

Hallo!

Ich bin noch ziemlich neu beim Thema iobroker, hab mich aber inzwischen durch euer sehr gutes Forum gearbeitet, und schon sehr viele spannende Infos bekommen.

Ich habe für all meine Elemente CSS Einstellungen erstellt. Nun habe ich aber das Problem, das wenn ich das CSS bei JQUI-Widgets nutzen will, dies zwar im Editiermodus gut aussieht, in der tatsächlichen Visualisierung jedoch nicht zieht. Ich hab bereits versucht, über den Browser und die Entwicklerfunktion den richtigen Elementnamen rauszusuchen, hat jedoch auch nichts gebracht. Es geht beispielsweise um "jqui- button state". Habt ihr hier eine Idee?
Hier hab ich für die Buttons eigentlich einen grauen Hintergrund verwaltet laut CSS

.butnHeizung {
border-radius: 60px;
font-family: RobotoCondensed-BoldItalic;
font-size: 30px;
color: #0a090a;
background: #f0f3f5;
border: solid #000000 0.5px;
text-decoration: none;
width:200px;
height: 70px;
}

[htrecksler]

Hilft das

ich meine das !important am Ende der Statements

[jackblackson]

@htrecksler sagte in Problem mit CSS bei JQUI Buttons:

!important

Ich habe das getestet, aber irgendwas mache ich glaub immer noch falsch.

So sieht es im Editiermodus aus, und hier seht ihr auch mein CSS verwaltet:


Das CSS ist bei allen 3 Widgets verwaltet. Der Linke und der Rechte sind vom Typ "jqui-ctrl-Icon Increment", der Mittlere ist ein "jqui - Button State". Das Ergebnis sieht dann so aus (die Farben sind nur zum Testen ;)):