Card_mod -Code is not working

Configuration Frontend
1

Hi all,

I would like to modify the items`height as shown in the cardmod thread. But the code ist not working for me. What is wrong?

:small_blue_diamond: Card-mod - Add css styles to any lovelace card - Share your Projects! / Dashboards & Frontend - Home Assistant Community

image
image1564×903 77.5 KB

2

There have been some changes since that time. See below for what works now.

type: entities
title: Styling a list
entities:
  - entity: input_select.test_select
    name: item's height
    card_mod:
      style: |
        ha-list-item {
          height: 16px;
        }
  - entity: input_select.test_select
    name: list's height
    card_mod:
      style: |
        :host {
          --mdc-menu-max-height: 96px;
        }
  - entity: input_select.test_select
    name: default
3

Awesome! That’s exactly what I was looking for.

Thank you very much!