<![CDATA[Adding background Image]]>Good Afternoon everyone,

I’m trying to add a background image to my MagicMirror via the css/custom.css file.
I had the image saved into “home/pi/MagicMirror/css/background.jpeg”.

The command I’ve tried is,

body {
background-image: url(“home/pi/MagicMirror/css/background.jpeg”);
}

But it hasn’t worked.
I saw there was a previous thread on this but it was 2+ years ago, figured I’d get a few more looks at it this way.

Thanks in advance.

]]>https://forum.magicmirror.builders/topic/6744/adding-background-imageRSS for NodeTue, 21 Jul 2026 19:48:39 GMTFri, 09 Mar 2018 18:50:25 GMT60<![CDATA[Reply to Adding background Image on Wed, 01 Apr 2020 21:00:39 GMT]]>@j-ason

I answered you in your other post.

]]>https://forum.magicmirror.builders/post/71581https://forum.magicmirror.builders/post/71581Wed, 01 Apr 2020 21:00:39 GMT<![CDATA[Reply to Adding background Image on Wed, 01 Apr 2020 12:07:10 GMT]]>@Mykle1 Hi there,

Thought the idea of adding my own desktop background image to my Pi would be awesome… Came across you module and thought I would give it a go…

Got to modules and ran gitclone
Dropped an image into the EasyBack module folder as instructed
Copied the config.js options however now get config error

I am only interested (at this time) for a desktop image to appear rather than the use of the video part so when I used the entry I did leave the video part and YouTube part as “” - hope that is correct? Or am I to remove the videoName & youTubeID parts completely?

{		
			module: "MMM-EasyBack",
			position: "fullscreen_below",
			config: {
			    bgName: "NHS.jpg",
			    videoName: "",
			    youTubeID: "",
			    height: "1080px",
			    width" "1920px",	
		}

		},

Any ideas would be gratefully welcomed…

Thanks in advance

J

]]>https://forum.magicmirror.builders/post/71510https://forum.magicmirror.builders/post/71510Wed, 01 Apr 2020 12:07:10 GMT<![CDATA[Reply to Adding background Image on Mon, 12 Mar 2018 17:54:24 GMT]]>Thank you! Both viable solutions.

]]>https://forum.magicmirror.builders/post/36932https://forum.magicmirror.builders/post/36932Mon, 12 Mar 2018 17:54:24 GMT<![CDATA[Reply to Adding background Image on Sat, 10 Mar 2018 06:01:05 GMT]]>@matrixfox

If the image is in the css folder you don’t specify the entire path (you could but if it’s in the same folder just use the file directly)

It should look like :

body {
background-image: url("background.jpeg");
}

And make sure you are using the correct tags " and not ”

]]>https://forum.magicmirror.builders/post/36806https://forum.magicmirror.builders/post/36806Sat, 10 Mar 2018 06:01:05 GMT<![CDATA[Reply to Adding background Image on Fri, 09 Mar 2018 22:46:04 GMT]]>@matrixfox

I’m not familiar with doing that through css but if you are interested, this module will do the trick without css manipulation.

https://github.com/mykle1/MMM-EasyBack

However, if I were to guess, I would try the url like this, without the home/pi. Forgive me if that is incorrect.

MagicMirror/css/background.jpeg

]]>https://forum.magicmirror.builders/post/36801https://forum.magicmirror.builders/post/36801Fri, 09 Mar 2018 22:46:04 GMT