Full screen not to scale

I have a picture of a floor plan of my home as a background and have then tiles for lights places over the floor plan where they are actually located. This works fine, except when using full screen mode where the tiles are moved compared to the background picture. Anything to do about that?

Try clicking “edit” first, then click “full screen” and place the tiles where you want them while still in full screen. Then click “save.”

You can also use Custom CSS to change the way the background scales.

The default scaling is ‘cover’ which effectively scales the image to cover the whole space while maintaining the aspect ratio. You could change the scaling however you see fit - here’s a reference showing various scaling options:

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

So the Custom CSS could be something like:

#app > .background-image img {
  object-fit: fill;
}

thanks, will try that