Can't load any background picture in Lovelace Dashboard

[Churrango]

Hello,
I am struggling to get a background picture displayed in my lovelace dashboard. Either a local picture or a external one. Not sure what it is but I have tried many ways like using a theme or simply adding code into the raw editor.
Here is a snip of my code. "animated background sits above the first view.

animated_background:
  default_url: /config/www/background.jpg
  entity: weather.openweathermap
  state_url:
    sunny:
      - /config/www/background.jpg
views:
  - title: Bad
    background: center / cover no-repeat fixed url('/config/www/background.jpg')type or paste code here

Hope anyone can help me here… don’t want to have it fancy but just a simple picture

[abbachia]

been struggling with the same for a few days and can’t figure it out but…

not following your code though…what does the weather entity have to do with just trying to insert a picture in the background?

As best as i can tell the only way to get a background image is to create a custom theme with the required image embedded in the theme. i’ve tried that and can’t get it to pull the image, not sure if the method is wrong or just my method of calling the image is not working.

what documentation are you basing “your” code on?

[abbachia]

just found resolution…look at the very end of this post and follow the code exactly (including creating a “background” folder in www) and it’ll work…

Changing background for dashboards

Hi all. I’m trying to add a static jpg to all dashboards, but I’m coming up empty-handed. I’ve googled and youtube’d, but none of the suggestions I’ve come across seem to work. Most of the posts tell you to add this to configuration.yaml: background: center / cover no-repeat url("/local/images/pic.jpg") fixed I created a /www/images folder and dropped the file there. In reading directions, the www folder redirects to /local. So in my case, it’s /local/images/pic.jpg. But, no matter how I…

[thaddicus]

Here is how I got this working. I rolled it into a theme. In the themes folder, I created a yaml file (mushroom_edit.yaml in my case) with formatting for cards:

Mushroom-edit:
    # Home Assistant override
    lovelace-background: center / cover no-repeat url('/local/images/black_wood.jpg')
    ha-card-background: "rgba(17, 41, 48, 0.5)"
    ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)
    ha-card-border-radius: 12px
    paper-card-background-color: 'var(--ha-card-background)'
    modes:
        light: {}
        dark: {}

Then, I call it in my set_theme.yaml automation file:

- alias: 'Set Home Assistant Theme At Startup'
  trigger:
    platform: homeassistant
    event: start
  action:
    service: frontend.set_theme
    data:
      name: Mushroom-edit
      mode: dark

In earlier releases, you had to go to the user profile on the bottom of the left-hand pane, then select backend-selected for Theme. That must have changed at some point. Mine is set to ‘Use default theme’ and this is still functional. Hope this helps!

[whiskeyechodelta]

I am struggling with this as well. I have tried for about the last 8 hours on a bunch of different guides and it just doesn’t work. I don’t understand why this is not working. Is there a guide that actually works? Setting a simple static background image shouldn’t be this hard and there has to be a better way.