Remove background from badge

Configuration Frontend
1

Hello,

I’m setting up a dashboard to control the house from a tablet on the wall.
For all the cards, I could remove the background, but on the badges I don’t get it working.
I’m using the card-mod, is there a way to get the background transparent on the badges?

2

Please post a sample of your code…

3

This is what I use for the cards on the dashboard, and it works great, but not on the badges.
I tried a lot of configuration I could find on the forum but nothing works.

Schermafbeelding 2025-04-02 121426
Schermafbeelding 2025-04-02 121426618×605 24.6 KB

type: entity
show_name: true
show_state: true
show_icon: true
entity: person.eduard
show_entity_picture: true
card_mod:
  style: |
    ha-card {
       border-width: 0px !important;
       background: none;
       box-shadow: none
4
5

If I copy and paste this code it changes nothing, it stays exactly the same as the normal badge.
Am I missing something?

6

Please specify the badges you mean. The new Sections badges?

7

Yes that’s correct, sorry for the missing information