Hallo Leute
Ich möchte meine Entity-Karte anpassen:
Den Wert .name kann ich mit margin-top (Zeile 16) beliebig hoch oder runter setzen.
Leider bekomme ich den Wert .value nicht verschoben (hoch/runter).
Das müsste doch mit margin-bottom (Zeile 7) gehen ? Tut es aber nicht…
type: entity
card_mod:
style: |
.value {
font-size: 30px !important;
margin-left: 0px !important;
margin-bottom: -10px !important;
}
.icon {
--mdc-icon-size: 40px;
margin-top: px;
margin-right: -10px;
}
.name {
font-size: 20px !important;
margin-top: -10px;
}
:host { {% if states('sensor.wetterstation_temperatur') | int <=15 %}
background: blue;
--card-mod-icon-color: #039dfc;
{% elif states('sensor.wetterstation_temperatur') | int >15 and states('sensor.wetterstation_temperatur') | int <=19 %}
background: yellow;
--card-mod-icon-color: yellow;
{% elif states('sensor.wetterstation_temperatur') | int >19 and states('sensor.wetterstation_temperatur') | int <=25 %}
background: orange;
--card-mod-icon-color: orange;
{% elif states('sensor.wetterstation_temperatur') | int >= 25 %}
background: red;
--card-mod-icon-color: red;
{% endif %}
}
grid_options:
columns: 6
rows: auto
name: Temperatur
icon: mdi:thermometer
state_color: false
entity: sensor.wetterstation_temperatur
Kann mir bitte helfen ?
Gruß Jürgen