search

thomasloven / lovelace-card-mod

🔹 Add CSS styles to (almost) any lovelace card
MIT License
1.04k stars 169 forks source link

Vertical stack | Templating #372

Open charles-moody opened 2 months ago

charles-moody commented 2 months ago

A request of confirmation if this really can't be done, suits better here than HA forums as you're the dev - quick and short:

Wiki:

NOTE: card-mod only works on cards that contain a ha-card element. This includes almost every card which can be seen, but not e.g. conditional, entity_filter, vertical-stack, horizontal-stack, grid.

I have the ha-card, but within a vertical stack: Screenshot 2024-04-21 232121

I'm using the minimalist-desktop-theme which already uses the card-mod and added: ` # theme-css-mods card-mod-theme: "minimalist-desktop" card-mod-view-yaml: | "*:first-child$": |

columns .column > * {

    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
  }

# theme-css-usermods card-mod-root-yaml: | .type-custom-simple-thermostat header .heating .header__title { color: red !important; }`

Does not work; I have it working the standard way/on the card but it's not maintainable with 30-40 card per view. Screenshot 2024-04-21 224902

Do I implement it wrong or is it simply not working with vertical-stack? (Therefor asking at the source)