Add a background image

Wilco89

body {
    background-image: url("paper.gif");
    background-color: #cccccc;
}

like this?

(how do I post it as code?)

Anachor

Works perfect! Thank you so much! Is it possible to add a video as background later or a webcam ?

paviro

Anachor

Thanks for everything! :blush:

ostfilinchen

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

strawberry 3.141

@ostfilinchen background-Image: url("../Images/logo.jpeg");

ostfilinchen

@strawberry-3-141: that also doesn’t work :-(

bhepler

@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.

ostfilinchen

i have moved the jpeg from Images to css. now it works. The Mirror doesn’t have access to the Folder Images…

JoeSpencer

@Anachor Did you ever find out how to add a webcam as the background?