Feature request: Option to hide AQI value over picture

Question

Feature request: Option to hide AQI value over picture

gabrymed opened this issue 3 years ago · 19 comments

gabrymed commented 3 years ago

It is possible to add an option to hide the brown card with AQI value over picture?

Answer 1 · 2022-01-07T10:55:21.000Z

I would also like this feature to further compact the card, e.g. to look like this:

Answer 2 · 2022-01-07T17:15:35.000Z

I would also like this feature to further compact the card, e.g. to look like this:

For this, i think you can try
compact_view: true

Answer 3 · 2022-01-07T22:29:12.000Z

I would also like this feature to further compact the card, e.g. to look like this:

For this, i think you can try compact_view: true

Compact view only gets you to this view (e.g. AQI or the text box still in place):

Answer 4 · 2022-02-02T17:17:03.000Z

I would also like to hide AQI as well. Compact Mode doesn't hide it.

Answer 5 · 2022-04-27T14:50:38.000Z

I'm using a little bit trick is that using lovelace card mod and add code as below which not have to modify file and receive update as normally.

card_mod:
  style: |
    ha-card > div.preview > div.controls > div >div { 
      visibility: hidden
    }

Answer 6 · 2022-04-28T08:05:09.000Z

I'm using a little bit trick is that using lovelace card mod and add code as below which not have to modify file and receive update as normally.
card_mod:
  style: |
    ha-card > div.preview > div.controls > div >div { 
      visibility: hidden

Thanks for the advice

Answer 7 · 2022-04-29T02:34:48.000Z

I'm using a little bit trick is that using lovelace card mod and add code as below which not have to modify file and receive update as normally.
card_mod:
  style: |
    ha-card > div.preview > div.controls > div >div { 
      visibility: hidden

Doesn't seem to have worked for me.

Answer 8 · 2022-04-30T12:59:48.000Z

I'm using a little bit trick is that using lovelace card mod and add code as below which not have to modify file and receive update as normally.
card_mod:
  style: |
    ha-card > div.preview > div.controls > div >div { 
      visibility: hidden
Doesn't seem to have worked for me.
Here is how I add them. Sorry for missing "}". I have edit it. Or you can try to find css of this card fot more detail.

Answer 9 · 2022-05-01T00:01:31.000Z

Thanks for that. I realise now that it only works if compact mode is set to false. What I am really trying to do is remove that panel altogether as with my edited pic on Jan 7th.

Answer 10 · 2022-05-06T19:54:18.000Z

Thanks for that. I realise now that it only works if compact mode is set to false. What I am really trying to do is remove that panel altogether as with my edited pic on Jan 7th.

Have you found a solution to hide it?

Answer 11 · 2022-11-26T09:44:10.000Z

You can use https://github.com/thomasloven/lovelace-card-mod with the above CSS, confirmed it works.

Answer 12 · 2022-12-03T17:30:05.000Z

Thanks for that. I realise now that it only works if compact mode is set to false. What I am really trying to do is remove that panel altogether as with my edited pic on Jan 7th.

With card-mod you can hide every part of data. First you must conifgure card-mod (https://github.com/thomasloven/lovelace-card-mod). I hide PM2,5 and slider with this code:

card_mod:
style: |
ha-card > div.preview > div.controls > div > div {
visibility: hidden}
ha-card > div.preview > div.controls > div.slider > round-slider {
visibility: hidden}

Answer 13 · 2022-12-04T04:52:42.000Z

With card-mod you can hide every part of data. First you must conifgure card-mod (https://github.com/thomasloven/lovelace-card-mod). I hide PM2,5 and slider with this code:

As with my previous post, this works fine in normal mode, but not in compact mode which is what I am trying to run.
WIth compact mode set to true, the card-mod hiding does not work - the AQI remains.

Answer 14 · 2022-12-04T12:08:50.000Z

With card-mod you can hide every part of data. First you must conifgure card-mod (https://github.com/thomasloven/lovelace-card-mod). I hide PM2,5 and slider with this code:

As with my previous post, this works fine in normal mode, but not in compact mode which is what I am trying to run. WIth compact mode set to true, the card-mod hiding does not work - the AQI remains.

In compact mode also works.

ha-card > div.preview > div.controls > div.current-aqi {
visibility: hidden}

Answer 15 · 2022-12-05T00:46:36.000Z

Yes that works to hide AQI for me (thanks!!) but does not remove the dead space unfortunately. Don't suppose that is something card_mod can handle?

Answer 16 · 2023-01-15T11:16:18.000Z

card_mod:
style: |
ha-card > div.preview > div.controls > div > div {
visibility: hidden}

I use it like this to minimize the gap

card_mod:
  style: |
    ha-card > div.preview > div.controls {
    visibility: hidden; height: 0px}

Answer 17 · 2023-01-15T23:15:04.000Z

I use it like this to minimize the gap

card_mod:
  style: |
    ha-card > div.preview > div.controls {
    visibility: hidden; height: 0px}

This is the solution for me - thanks so much!

Answer 18 · 2023-06-16T21:01:16.000Z

There hasn't been any activity on this issue recently. This issue has now been marked as stale and will be closed if no further activity occurs. Please, update to the latest version and check if that solves the issue. Thank you for your contributions!

Answer 19 · 2023-07-16T22:01:13.000Z

This issue was closed because it has been stalled for 30 days with no activity. Please open a new issue if the issue is still relevant, linking to this one.