Card Mod: Hide header of entity-card

Configuration Frontend
1

Hi all,

I’m a bit lost with this easy question: how do I hide the header of an entity-card?

I have this code, and it won’t even change the text color to red:

type: entity
entity: sensor.wastecollection
grid_options:
  columns: 12
  rows: 2
card_mod:
  style: |
    .card-header {
      color: red;
    }

Chat GPT says it should be easy with this and display: none, but it didn’t work at all.

I get correct results with this:

card_mod:
  style: |
   ha-card {
      --ha-card-background: yellow;
      color: var(--primary-color);
    }

So I know card-mod is installed and works properly :frowning:

What am I missing?

2

A proper place to ask.
Better than trying to apply a code

from a different card.

3

Hm, ok, I didn’t know I was supposed to ask in the original thread of that addon. Is that common in this forum?

4

There are no strict rules.
Posting in a dedicated thread will less clutter the forum, all solutions will be in 1 place, you will attract more experienced users. (besides, the 1st post from the main card-mod thread may be useful…)

1 Like
5

Ohhhh, I seeeee! Thank you man, that was helpful. It links to your posts, and they show the immediate solution :heart:

1 Like
6

I would suggest you:

  • ask in the main card-mod thread
  • get a solution
  • post it here
  • mark IT as a solution
7

It worked like this:

card_mod:
  style: |
    .name{
      display: none;
    }
8

Add some padding/margin for a remained part…

9

I don’t know what you mean

10

OK, then leave it if the look is OK))

1 Like