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

[Wszene]

Hallo Zusammen,

Ich bin gerade dabei meine VIS für die Küche zu basteln
In der Küche hängt der Echo Show 15

Ich baue meine VIS immer mit CSS-Classen
Genau das habe ich auch mit der Küchen-VIS vor

Und da geht es los
Wenn ich mir die VIS mit dem SILK anzeigen lassen möchte zeigt er mir die Hintergründe nicht an
DIe selbe VIS wir aber auf meinen ANdroid-Tablets und auch am PC richtig angezeigt

Hat das schonmal jemand beobachtet und hat evtl. eine Lösung für mich?

Hier mal der CSS-Code

.ws-ueberschrift {
  z-index: 3;
  font-family: RussoOne-Regular;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-variant: small-caps;
  line-height: 1.6;
  background: rgb(20, 24, 52);
  background: radial-gradient(circle, rgba(20, 24, 52, 1) 0%, rgba(19, 22, 47, 1)100%);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 5px 18px #0e0e23;
  border-radius: 20px 20px 0px 0px;
  border-width: 0.1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, .425);
  color: #ebeae5;
  letter-spacing: .1em;
  text-shadow:
    -1px -1px 1px #111,
    2px 2px 1px #363636;
}

Alle anderen CSS Anweisungen werden übernommen

Ich bedanke mich schon im Voraus für Eure Hilfe

Gruß
Marcel

[liv-in-sky]

@wszene

das wird bei mir auf dem echo show 8 angezeigt

.ws-ueberschrift {

  z-index: 3;

  font-family: RussoOne-Regular;

  text-align: center;

  font-size: 30px;

  font-style: normal;

  font-variant: small-caps;

  line-height: 1.6;

  
  background: rgb(20, 24, 52);

  background : radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(121,9,69,1) 48%, rgba(0,212,255,1) 100%);

  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset;

  box-shadow: 0 5px 18px #0e0e23;

  border-radius: 20px 20px 0px 0px;

  border-width: 0.1px;

  border-style: solid;

 border-color: rgba(255, 255, 255, .425); 

  color: #ebeae5;

  letter-spacing: .1em;

  text-shadow:

    -1px -1px 1px #111,

    2px 2px 1px #363636;

}

habe das eingefügt

radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(121,9,69,1) 48%, rgba(0,212,255,1) 100%);

teste doch mal

[Wszene]

@liv-in-sky sagte in Echo Show 15, Silk Browser und CSS:

.ws-ueberschrift { z-index: 3; font-family: RussoOne-Regular; text-align: center; font-size: 30px; font-style: normal; font-variant: small-caps; line-height: 1.6; background: rgb(20, 24, 52); background : radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(121,9,69,1) 48%, rgba(0,212,255,1) 100%); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 5px 18px #0e0e23; border-radius: 20px 20px 0px 0px; border-width: 0.1px; border-style: solid; border-color: rgba(255, 255, 255, .425); color: #ebeae5; letter-spacing: .1em; text-shadow: -1px -1px 1px #111, 2px 2px 1px #363636; }

Ich habe es jetzt nochmal getestet
Leider wird es auf dem Show15 nicht angezeigt
Wenn ich den Background direkt im Widget eingebe wird er angezeigt

[liv-in-sky]

@wszene

da kann ich dir leider nicht weiterhelfen - ich vermute, silk ist ein chromium derivat (hat also den selben kern), daher gehe ich davon aus, dass alles, was ich in chrome anszeigen kann, auch in silk angezeigt wird - dem ist aber wohl nicht so , wenn es im show 15 nicht funktioniert

evtl könntest du noch ein !important im css setting testen - aber mehr fällt mir nicht mehr ein

um andere fehler auszuschliessen , könntest du ein neues, leeres project erstellen und nur mal dein widget mit deinen css einträgen testen - und dieses mal anzeigen

ich habe keinen show 15 - daher kann ich nicht testen

[Wszene]

@liv-in-sky sagte in Echo Show 15, Silk Browser und CSS:

!important

leider hilft das auch nicht

[liv-in-sky]

@wszene

habe leider keine idee mehr :-(

[liv-in-sky]

@wszene

denke mal das bringt nix - aber du kannst auch den cache vom silk löschen .

oder melde das mal den amazon leuten - vielleicht haben die dazu eine meinung

[Wszene]

@liv-in-sky sagte in Echo Show 15, Silk Browser und CSS:

denke mal das bringt nix - aber du kannst auch den cache vom silk löschen .

Das habe ich auch schon versucht
Naja ich muss mir wohl etwas anderes einfallen lassen