I don't want to scroll background

Configuration Frontend
,
1

Hello.

Since morning, I have been trying to place a background image in the panel so that it does not scroll under the cards.
I have used google many times but without success
I know about the code in the theme or directly to use in the panel:

lovelace-background: center top / auto no-repeat fixed url ("/ local / backgrounds / yourname.jpg")

- background: center top / auto no-repeat url ("/ local / money.jpg") fixed

I don’t know where I’m making a mistake, but the background image still scrolls along with the cards.
How do I make the image on the screen stand still when scrolling the cards?
Thanks

2

Did you ever find a resolution to this? I had the correct behavior up until about March this year, and then the background started scrolling and zooming to fit the vertical size of all of the current displayed cards. I have not been able to find a way to get back to the old behavior.

3

Bump.

Having this problem now myself no matter what I try. Suggestions?

4

bump
actual for me

5

For me too.

6

Hi,
this is quite old, but not dead, yet :wink: .
Same problem here. I tried this in my configuration.yaml:

frontend:
  themes:
    custom_j:
      modes:
        dark:
          state-cover-shutter-open-color: "#ffd700"
          lovelace-background: center / auto no-repeat url("/local/images/IMG_20211221_113657_bw.jpg") fixed

and that:


frontend:
  themes:
    custom_j:
      modes:
        dark:
          state-cover-shutter-open-color: "#ffd700"
          lovelace-background: center / cover no-repeat url("/local/images/IMG_20211221_113657_bw.jpg") fixed

Both do not work since the background image moves up and down when I scroll the page.
I know that there are card-mods and so on. But I prefer to go with onboard tools.
How can this be fixed?

Greetings

7

Anyone found a solution/workaround?