timer-bar-card icon indicating copy to clipboard operation
timer-bar-card copied to clipboard

card_mod: styling unavailability

Open Krzysztonek opened this issue 11 months ago • 4 comments

I need to add a rounded border to this card. When trying to use card_mod styles, like:

type: custom:timer-bar-card
card_mod:
  style: |
    ha-card {
      background-color: var(--primary-background-color);
      border-color: lime;
      border-radius: 5%
    }
icon: mdi:sprinkler
(...)

this whole card_mod section is never being saved in the card editor and it simply disappears from the card code. Any hint on how to use such a way of styling, please?

Krzysztonek avatar Jan 15 '25 11:01 Krzysztonek

I changed the editor in the latest version, which could be the culprit.

If you click "Show Code Editor" at the bottom left corner, then add the card_mod section, does it get saved?

rianadon avatar Jan 16 '25 05:01 rianadon

Same here. I can't move/resize the card.

[...] card_mod: style: | ha-card { margin-top: 100px; margin-right: 20px; }

If you click "Show Code Editor" at the bottom left corner, then add the card_mod section, does it get saved?

the code are deleted before save

Pico1965 avatar Mar 04 '25 15:03 Pico1965

Too stupid or too difficult question?

Pico1965 avatar Mar 17 '25 14:03 Pico1965