Hi
why can’t i use backuground image when using panel:true?? it is working when panel:false.
I have this in my views
It’s because instead of using the backgroundthat you set, since the card is full-screen, it uses the background of the card. Try using card-mod
and set the background there. Also, when you post in the forums, use the
` at the start and end of the code text.
not sure if I understand you correct, i don’t want background image on my cards, I want it on the whole page if you know what i mean
Yes, but when you use panel: true
the card is the whole page.
okay, I’am pretty new to this do you have an sampel of using card-mod with background??
Well, first do you have HACS installed? You should. The way I did it was by going to File Editor, choosing more, and choosing “Execute shell command”.
- First, type in
mkdir -p custom_components/hacs
and press Execute. - Type in
cd custom_components
and press Execute. - Execute
curl https://github.com/hacs/integration/releases/download/1.2.2/hacs.zip -L --output hacs.zip
. - Execute
unzip hacs.zip -d hacs
- Execute `rm hacs.zip.
- Reboot Home Assistant.
- Go to integrations under config, and set up HACS.
- Reboot Home Assistant.
- Open HACS and click on frontend.
- Click on the plus and search for
card-mod
. - Click on
card-mod
, scroll down, and click Install this repository in HACS.
Let me know when you’re done and I’ll send the example code.
I already have Hacs and card-mod installed, I have been running a Lovelace dashboard on a touch screen I our kitchen for som time now at it has been running beautiful, but then I would like to try HomeKit-cards and in the description they say it’s best to use panel mode, but after that I lost my background image and it is also looking terrible on the the app on my phone, so I can’t get my head around where to put in background, I am still learning
Try something like this on the panel card:
style: |
ha-card {
background: 'center / cover no-repeat url("/local/images/original-homekit-wallpaper.png") fixed;
}
is this right?? title: Højvangicon: mdi:home-assistantpanel: truecards: - type: custo - Pastebin.com
Yup, except I forgot another '
before the end of the ;
. Just add that, save, and it should work.
it is still not working, I have this title: Højvangicon: mdi:home-assistantpanel: truecards: - type: custom: - Pastebin.com
Perhaps
style: |
ha-card {
background-image: 'url("/local/images/original-homekit-wallpaper.png")';
}
I’m going to try installing layout-card myself and inspect it.
I’m having trouble with this, I’d recommend opening an issue over at layout-card
.
This problem came with some update ago right?
I wasn’t updating my HA for a time, and background: […] url([…]) worked fine with panel
now we have to use card-mod ?
just type without ’ in the ha-card and it works:
background: center / cover no-repeat url("/local/images/original-homekit-wallpaper.png");