Card_mod remove the entity name

Configuration Frontend
1

I’m trying to remove the name of the entity with no success.

My code:


  - type: entities
    entities:
      - entity: timer.laundry_dry_timer
    show_header_toggle: false
    state_color: true
    card_mod:
      style:
        hui-timer-entity-row$: |
          hui-generic-entity-row {
            flex-direction: column;
          }
          hui-generic-entity-row$:
            .info {
              display: none !important;
            }

Note: The code where I set flex-direction as column works.

The structure that I see is:

ha-card
  #shadow-root
    hui-timer-entity-row
      #shadow-root
        hui-generic-entity-row
          #shadow-root
            state-badge
            .info

When I select in the inspector in developer tools to the “ha-card” element, and I execute in console:

$0.querySelector('hui-timer-entity-row').shadowRoot.querySelector('hui-generic-entity-row').shadowRoot.querySelector('.info')

I get what I want. Now what am I missing?

2

to save on the extra code I’ve just done

name: ' '

under entity

3

Thanks, this seems to work.

However, I would also like to know what should and how if I’m using card_mod.