What are your plans for card-modder going forward? I use card-modder against a lot of other cards, mostly custom: cards, and would hate to lose that functionality, especially considering that the changes I make via card-modder are typically one off mods and not global changes for all cards.
But it does not modify the colour of the card correctly. I want both to use a white line and colour of text. The card is locked to secondary-text-color but I want it to change to primary-text-color. What am I missing? (Also tried the var(âprimary-text-color) in ââ as well)
text-divider-row isnât a card, itâs an entity row, so itâs meant to be used inside an entities card.
You can style that card to be invisible, and change the text color:
The styles are applied on a card-by-card basis. Itâs only the ability to style that is added to all card globaly.
There are some functions of card-modder which arenât available in card-mod, e.g. styling things that doesnât contain a ha-card element. Until I have a solution for all of those (that I can think of) card-modder will still be available. But it absolutely recommend using card-mod instead.
And it will work with any custom-card that contains a ha-card element.
Thanks⊠that worked⊠but I really donât understand why it worked before if itâs not a card? I get that it doesnât have a ha-card element and thatâs why it doesnât work but you can add that âcardâ text-divider-row anywhere⊠I only wrapped it in card-modder because I wanted to change the colour⊠So thanks for the fix but I donât understand.
Kind of got this working. I have an entity card with 2 enitities. I want to colour the icon based on state. This works but the second entity only changes colour if the 1st one has changed colour.
Probably because I have no idea how to use the #states part. Also, if I remove the background part, the rest doesnât work
Any ideas ?
Trying to figure out how to apply this to slider-entity rowâs label so that it wraps instead of ellipsing on overflow. Ultimately I want to unset âtext-overflowâ and âwhite-spaceâ on the âdiv.infoâ element⊠The jquery selector path is as follows⊠just canât figure out what this is supposed to translate to for card-mod:
style:
# The following two lines are separated to make sure card-mod first goes into _every_ div inside #states, and then looks for slider-entity-row inside each of them
"#states div":
slider-entity-row:
$:
hui-generic-entity-row:
# Once we reach the final shadow-root in our path, there's no need to drill any deeper
$: |
.flex .info {
text-overflow: unset;
white-space: unset
}
Unfortunately, due to how lovelace loads custom elements this wonât be applied immediately, but will happen after the first state update.
Iâm still looking for a way to fix thatâŠ