Read the statement by Michael Teeuw here.
custom.css ......body???
-
@piki no… your copy of custom.css said
body {
background-image : uurl(‘http://localhost:8080/sku.jpg. <<<<<<<<<—’);
background-size: cover;}
see the dot AFTER .jpg
also, you need to move the image to some subfolder
this worked for me(random jpg)
body { background-image : url('http://localhost:8090/config/scan-uuid.jpg'); background-size: cover; }
-
I put the sku.jpg file in the config directory…and it works…thank you very much
one more question, how do I change the color of the clock and weather module to black?
-
@piki said in custom.css ......body???:
one more question, how do I change the color of the clock and weather module to black?
you will have to change/override the CSS for those…
in each module folder is the defined css (don’t change there, override in custom.cssif not there(same for every module), then examine the elements in the developers window elements tab
-
great, and if I want “Bolt” bold text instead of thin?
-
@piki see main.css for the defined colors and styles
if nothing there that works for you, then you have to define your own (in custom.css)
-
if I would like to move the clock or the weather more towards the center from the edge, do I have to write it in config.js? is that so
-
@piki in config.js are only the defined positions.
see https://forum.magicmirror.builders/topic/286/regions?_=1732038547578otherwise you have to use css to adjust things.
note that main.css defines margins around modules and the overall screen
so you may have to adjust margins
-
thank you very much for all the advice so far…you have helped me a lot