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?
I hope you know the different between a “button” and an “icon” as i referred to, in the “old” commend
http://homeassistant.local:8123/hacs/repository/186765704
( The Manual )
PS: And do also notice that this card seems “abandoned” !, latest fix was more than a year ago, and since then also PR are not “handled”, and simple questions not answered
Try use this Fork instead
Love your cards!
How did you manage to get backgrounds working for some reason I am unable to get mine to work. I have code as follows but they just stay blank…
type: custom:banner-card
background: url:("local/test2.jpg")
heading:
- mdi:bed-empty
- Test Room
entities:
- entity: light.flower_lamp
action:
service: light.toggle
map_state:
'on':
color: deeppink
value: mdi:flower-outline
'off':
color: teal
value: mdi:flower-outline
I’m sorry to say that I cannot help you. I rebuilt my whole home assistant when I moved a few weeks ago and did not go with banner cards this time. 
And, I don’t remember how I did it when it set it up a couple of years ago.
Hi, have the same question and didn’t found anything helpful. Have you found a solution for your problem?
The syntax on your url method call is wrong - you need to remove the colon.
Try background: url("local/test2.jpg").
I’m not sure if you can reference local media like that, as I’ve always hosted externally, but it might help.
for me its working with : background: url(/local/flur.jpg) … loose the double quote also make sure you have your picture in ./config/www on the host
Really like this banner-card, one question though.
I have a sensor/entity and it displays to up to 7 decimals. When I click on it > cog wheel > precision, I can change it to 2 decimals, but it doesn’t change in the graph itself. When I use another card (mini-card graph, for example) I do get the right figure (2 decimals).
Anyone got a solution?