Card-mod: How to hide sub-element in a ha-card?

I’m trying to modify a logbook card to hide the date header, but I can seem to figure out how to do this using the card-mod.

This is (part of) my configuration:

 - type: logbook
      - binary_sensor.door_bedroom_opening
    hours_to_show: 200
      style: |
        ha-card {
          max-height: 120px;
          overflow: hidden;
        .date {
           background-color: pink;

No matter if I use “.date” or “h4” or “” - it seems that I cannot target the date block.

Thanks in advance…

did you search this community?

there’s a huge post on card_mod, and you’ll probably find your answer in Ildars post

hiding is done with:

            .entry-container {
              display: none;

Ill leave it to you to find the correct path :wink:

btw, if you don’t want the date being logged, maybe this card is not the best option…especially since you log for 200 hours and days are an important subdivision for clarity ?

Yes - I spent quite some time reading through the thread, but still haven’t found anything that is working.

The only thing I can get working when adding an additional section is
without any children. Adding anything else just makes it not work.

I think I have tried with endless combinations without success. None of these finds anything.

.entry-container h4
div h4
div.container h4
ha-logbook div

just copy what Ildar does in that specific post, it works perfectly

this is his example:

    .content ha-logbook $ ha-logbook-renderer $: |
      .entry-container .entry state-badge {
        border-radius: 0px;
      .entry-container .entry .message-relative_time .message {
        color: red;
      .entry-container .entry .message-relative_time .secondary {
        color: cyan;
      .entry-container .entry {
        --divider-color: orange;
      .entry-container {
        color: magenta;

Add that and see what it does.
see the bottom color: magenta ?

next, replace that with what I suggested above, and you’re set

ofc, leave out all of the other .entry-container lines if you dont want them

1 Like

Yes - this is partly working, but now I’m not able to add the ha-card setting:

ha-card {
  max-height: 120px;
  overflow: hidden;

I simply do not understand how the path is found and what the pipe-thing (|) does.

I want it to show the last log entry only - no matter how far back in time is was logged.
The date and time is already part of the text in the container.

this is the mod by Ildar. now replace the color: magenta with display: none.

you should checkout the huge thread on card_mod, where all of that is explained in detail. Use Inspector in your browser window to reveal the elements, and check what the card-mod repo says about traversing the Dom

the pipe thing is a multi line indicator, and makes all that goes below it seems as a single string. see