Add a background image

Anachor

Hello!

i wanna add a background picture instead of the black background color but no command works in the custom css. I made a folder call images, add the command to the css (backgroud-image: url (…images/image.jpg)) but the screen become white and no picture…

Any solution ?

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

@Wilco89 Check out https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#code!

Anachor

Thanks for everything!

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…

SOLVED Add a background image