Read the statement by Michael Teeuw here.
Add a background image
-
Works perfect! Thank you so much! Is it possible to add a video as background later or a webcam ?
-
-
Thanks for everything! :blush:
-
Hi all,
i’ve made an Folder in /home/pi/MagicMirror calld Images and copy in this a file logo.jpeg.
Next i changed the custom.css like this:
body {
background-Image: url(“/Images/logo.jpeg”);
background-Color: #cccccc;
}But nothing happens. No Error and no Backgroundimage. What’s wrong in the custom.css? Pls help me
Regards
Daniel -
@ostfilinchen
background-Image: url("../Images/logo.jpeg");
-
@strawberry-3-141: that also doesn’t work :-(
-
@ostfilinchen Try this one:
background-Image: url("Images/logo.jpeg");
Double-check your capitalization on your path and your file name. That’s burned me more than a couple of times.
-
i have moved the jpeg from Images to css. now it works. The Mirror doesn’t have access to the Folder Images…
-
@Anachor Did you ever find out how to add a webcam as the background?
-
@ostfilinchen Hi there,
I also wanted to add background images to my MM and came across your post. Although it is not very recent, I think it might be a good idea to add the following information:if you want to have additional folders to be available within the Mirror, you need to specify those in the /js/server.js just after the other app.use commands, e.g. :
app.use("/Images",express.static(path.resolve(__dirname + "/../Images")));