๐Ÿ”น Card-mod - Add css styles to any lovelace card

Tile + input_select:
one-line style:

With a name:

type: tile
entity: input_select.test_value
name: xxxx
hide_state: true
features:
  - type: select-options
card_mod:
  style:
    hui-card-features $: |
      .container {
        padding-top: 12px !important;
      }
    .: |
      .container {
        flex-direction: row !important;
      }

image

W/o a name:

type: tile
entity: input_select.test_value
hide_state: true
features:
  - type: select-options
card_mod:
  style:
    hui-card-features $: |
      .container {
        padding-top: 12px !important;
        padding-left: 0 !important;
      }
    .: |
      .container {
        flex-direction: row !important;
      }
      .container .content {
        padding-right: 0 !important;
      }

image

3 Likes