No background image with panel true

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 :slight_smile: 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”.

  1. First, type in mkdir -p custom_components/hacs and press Execute.
  2. Type in cd custom_components and press Execute.
  3. Execute curl https://github.com/hacs/integration/releases/download/1.2.2/hacs.zip -L --output hacs.zip.
  4. Execute unzip hacs.zip -d hacs
  5. Execute `rm hacs.zip.
  6. Reboot Home Assistant.
  7. Go to integrations under config, and set up HACS.
  8. Reboot Home Assistant.
  9. Open HACS and click on frontend.
  10. Click on the plus and search for card-mod.
  11. 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 :slight_smile:

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");