Hide Title inside ha-more-info-state-header

thomasloven / lovelace-more-info-card

🔹 Display the more-info dialog of any entity as a lovelace card

MIT License

154 stars 15 forks source link

Hide Title inside ha-more-info-state-header #22

Open ivancristina opened 1 year ago

ivancristina commented 1 year ago

Hi @thomasloven, I'm scratching my head on this one. After the 2023.3 update, the new more-info card has been deployed. I am unable though to hide the p.name inside ha-more-info-state-header, here a screenshot and my code

The DOM selector should be this:

"p.nameha-dialog>div.content>more-info-card$ha-card>div>more-info-content>more-info-light$ha-more-info-state-header$p.name"

I would really love some help, thank you in advance!

stevenhoog commented 3 months ago

Hi, you are missing the card-mod module. Install this via HACS and you are able to add custom CSS to any card like so:

type: custom:more-info-card
entity: light.bagno
title: '  '
card_mod:
  style: |
    state-card-content {
      display:none !important;
    }