and this is my code
You shouldn’t need the “action” or “service” sections. If you remove those lines, it should simply detect that it’s a cover and render the controls automatically.
That being said, this component hasn’t been updated in quite some time, so there may still be an issue with those icons in this version of the card. If can’t get the icons to show up, you can try this version instead:
1 Like
Oh man. Thank you very much. I was so close.
I used the linked version already.
I removed the “action” and “service” sections and now it is exactly how i want.
But i have one error.
When i press the up button the cover goes down, and when i press down, the cover goes up.
i already change it in the developer settings-set state but with short effect.
i changed different options, from open to closed and from current positions 0/100
after the change it shows correct, but when i use my covers from the wall switch home assistant jump back to the wrong position.
Hi man,
great card, thank you!
I think I have a issue though…this is my configuration:
type: custom:banner-card
background: url(“https://i.postimg.cc/CKG4kh71/cucina.jpg”)
heading: null
row_size: 3
entities:
- entity: switch.luce_cucina
name: Cucina - entity: switch.luce_cucina_piano_cottura
name: Piano cottura - entity: sensor.soggiorno_inside_temperature
name: Temperatura
and this is that i view:
practically does not show me the buttons to be able to turn on / off the lights / switches …
what am I doing wrong?
Thanks!
See my post above. This component hasn’t been updated in quite some time, so there may still be an issue with those icons in this version of the card. You may want to install the alternate version of this card from the repository that I linked to.
thanks my friend, your advice solved my problem 
Sorry but I missed your previous post…
Good afternoon. Great card. But it is not optimized for iPhone (does not fit on the screen)))) There are 2 questions:
- such element as toggle is not displayed?
- how to insert another card into this card?
Hello, first of all thanks for the great card. I use them very often on my dashboard.
Now I have one more question. I would like the attribute “geschlossen” to be displayed in green. Is this possible with the card? If yes how?
Thanks in advance for your help.
type: custom:banner-card
heading: 🛁 Bad
row_size: 1
entities:
- entity: light.licht_bad
name: Licht
- entity: sensor.drehgriff_kueche_fenster_kueche_state
name: Fenster
map_state:
closed: geschlossen
open: geöffnet
style: |
ha-card .heading {
font-size: 2.5em
}
If anyone is interested, I managed to embed a simple-thermostat air conditioner card and a multiple-entity-row card into the banner-card card. The picture shows an example display.
I would be grateful if someone shares their experience of displaying TV. In my example, from is not displayed conveniently.
1 Like
Hi all!
First of all : I love this card
But i need to change the size of the icons…
How do i do this?
Hi all,
I am using this card but for some reason it isn’t displaying the toggles for lights… I already restarted the instance.
Am I missing something?
2 Likes
use this in your theme, or in card-mod
–mdc-icon-size: 0px;
How do I get this theme/layout? Can you share the code? I love the translucent look with the shadowing
Did you find a solution for this? Am currently experiencing the same issue
Edit: using this repository as a custom HACS addition fixed it (GitHub - crempp/banner-card at 0.13.3)
2 Likes
No, unfortunately I still have the same issue. I think I already have this installed:
Hello, for some reason my light button is not showing in the screen. Any suggestions what’s is happening ? Same happens with other entities: lights, switches. The entities came integrated from Smart Life integration. Here is the code:
type: custom:banner-card
style: |
ha-card .heading {
color: white;
font-size: 32px;
margin-top: 30px;
margin-bottom: 30px;
}
background: '#EDE7B0'
heading: 🛋 Living room
link: /lovelace/living_room
entities:
- entity: sensor.sensor_temperatura_superior_temperature
name: TV
- entity: light.swt_cozinha_lavanderia_switch_1
name: teste
- entity: light.fibaro_system_fgd212_dimmer_2_level_11
name: Light
- entity: sensor.air_temp
name: Temperature
- entity: sensor.sensor_temperatura_superior_humidity
name: Humidity
UPDATE: FIXED BY changing the repo to manual one. Link: https://community.home-assistant.io/t/lovelace-banner-card/117293/306
Yes. it id fix the problem. Just added the custom repo, reinstall and update screen. THX
Hi there, I have just created a banner card without much configuration. However, the alignment of the cover controls (Curtain Roller) appears to be leaning towards the bottom. Am I missing something? Thanks in advance!
type: custom:banner-card
heading:
- 🛏️ Master Bedroom
background: '#EDE7B0'
link: /lovelace/living_room
entities:
- entity: switch.10009457dc_3
name: Corridor
action:
service: script.toggle_ewelink
map_state:
'on':
color: yellow
value: mdi:track-light
'off':
color: black
value: mdi:track-light-off
- entity: cover.0x54ef44100032a5d9
name: Curtain Roller
- entity: sensor.0x54ef44100032a5d9_device_temperature
name: Temperature
Tried to single out the control in a separate card and the results is the same.
(As I am a new user, I cannot embed another image).
Hello , I want on off button but not show , please help me what is missing
only name show ( Lights )
also i have same problem , u have got solution?