Light Card: remove 3 dots

Hi there,

is there a way to remove the 3 dots in the upper right corner of a light card in lovelace? The ones that if clicked lead to the settings of the card…I don’t need them and they keep getting in my way when I try to adjust brightness.

Best regards

1 Like

I was looking for the same thing. My current solution is to use the card-mod module and add

mwc-icon-button {
    display: none;
}

to the card

2 Likes

I will try this! Thanks for your reply!!

Looking for the same. I have a horizontal-stack card with a few light cards on it. Where exactly should I place the css style? Tried a few places all not allow me to save the change. Thanks.

- type: light
      entity: light.living_room
      style: |
          mwc-icon-button {
          display: none;
     }

The solutions which worked for me:

  - type: light
    entity: light.kitchen_lights
    name: 'Kitchen'
    icon: ''
    card_mod:
      style: |
        ha-icon-button.more-info {
        display: none;
        }

By adding the “.more-info” will not hide the main Icon