Hide an icon and a title in the tile card

Configuration Frontend
21

Too complex))))
“Two days before the day after tomorrow” = “Today”.

card_mod:
  style: |
    ha-tile-icon {
      display: none;
    }
22

This is an old topic. But my research led me here. The solutions given here didn’t work for me. However, combining the given solutions and adding a small modification made it work.

card_mod:
  style: |
    ha-card {
      height: auto !important;
      padding-top: 10px !important;
    }
    ha-card .content {
      display: none !important;
    }
23

I think maybe it broke again, I’ve tried almost all of the options in this thread and it still shows the icon + item name.

However, one post indicating something like ha-tile-icon with display: none; did work to hide just the icon. Looking around to see if I can figure out what the name is called so I can hide it too.

24

OK, it’s called ha-tile-info if you want to hide it. Here’s my working code:

        card_mod:
          style: |
            ha-card {
              background: none;
              border: none;
              
            }
            ha-tile-info {
                display: none;
            }
            ha-tile-icon {
              display: none;
            }
25

Legend thank you! This is working for me.

26

So the latest update seems to have broken this again. Not terribly, but the icon/name screen space is now there, so everything shifted down a bit. I fixed it by adjusting margins, but some of the buttons can't be selected because of the overlap between tile cards.

Anyone know how to revert it back to normal?

Edit: I had a play around with it and now know the problem. The title & icon space is now overlapping the card directly above it, so I can't select that card. Having display: none for ha-title-info and ha-title-icon doesn't help at removing the overlapping problem. Does anyone else have any ideas?

27

Hi! I have several tile cards with the following code. Displays exactly how it should be (maybe margin needs some adjustment if you vary the height)...

card_mod:
  style: |
    ha-card {
      height: 62px !important;
    }
    ha-tile-icon {
      display: none;
    }
    ha-tile-info {
      display: none;
    }
    hui-card-features {
      margin-top: -45px;
    }

Screenshot 2026-06-16 195901-
Screenshot 2026-06-16 195901-547×168 3.76 KB

28

@jkerrigan93 I'd suggest reviewing these threads Card Mod and UIX

If you have additional questions after reviewing those threads, just ask!

29

Thank you, I didn't even realise card_mod was no longer developed and has been superseded by UIX. I'll migrate over to that first and try to get this working before reaching out again.

30

Ok so I’ve finally have had some time to get my home assistant updated to the latest version and switch over to UIX… and it turns out all I was missing was what was previously posted and I somehow completely missed it

    hui-card-features {
      margin-top: -45px;
    }

So everything is working great again, thank you all!