Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Memyselfandi]

Hallo zusammen,

eine vermutlich von Euch leicht zu beantwortende Frage, die mich aber in den Wahnsinn treibt:
Ich bastele gerade an meiner ersten VIS, und habe das "WeatherCustom"-Widget eingesetzt.
Mich stört der Rand des Widgets, deshalb habe ich etwas in der CSS des Widgets herumgespielt:

.weatherItem{
    border-color:#ffffff;
}

führt zu einem weißen Rand, und

.weatherItem{
    border-style: hidden;
}

lässt den Rand verschwinden.
Allerdings nur in der EDIT, sprich während der Bearbeitung.
Sobald ich die Runtime aufrufe, ist der ursrpüngliche Rand wieder da. Zurück in der Bearbeitung (Edit) ist er wieder so, wie ich es per CSS eingestellt habe...

Hat jemand bitte einen Tipp für mich?
Vielen Dank!

[Ro75]

@memyselfandi
Hallo,

schonmal das versucht?

.weatherItem{
    border-style: hidden !important;
}

Ro75.

[Memyselfandi]

@ro75
Nein. Bisher nicht.
Jetzt schon. Klappt.

Wahnsinn. Danke. Keine 10 Minuten, und mein (erstes) Problem ist gelöst.
Danke!.

Magst Du mir noch einen Satz schreiben, was das bewirkt bzw. warum die Geschichte ohne das "important" nicht funktioniert?

Edit:
Den Sinn des "important" habe mich gerade durchgelesen. Aber warum bzw. wo die anderen Style-Regeln, die durch "important" überschrieben werden müssen, herkommen - keine Ahnung.

[jogibear9988]

@memyselfandi
Du kannst doch in den browser devtools schauen, welcher style auf dein element wirkt. Vlt. siehst du dann woher das kommt.

[Memyselfandi]

@jogibear9988 Hey, sorry für die späte Antwort.

Ich habe das gestern schon versucht mit den devtools, leider hat mich das überfordert.
Ich möchte z.B. auch noch den Hintergrund der Vorhersage der kommenden Tage ändern (derzeit schwarz), aber bisher habe ich die verantwortliche CSS noch nicht gefunden.