custom.css ......body???

[sdetweil]

@piki sorry, don’t understand the question

put your file in ~/MagicMirror

then your css url will be
http://localhost:mm_config_port (usually 8080)/filename(whatever the name of the file is in the MagicMirror folder)

http://localhost:8080/somefile.jpg
or whatever you call it

if you don’t want to copy it then

cd ~/MagicMirror
sudo ln -s /wherever_the_actual_file_is somefile.jpg

that will create a link for the file (from the booted sd card) to the MagicMirror folder
as somefile.jpg

you can name it whatever you want with whatever type it is: gif, png, jpg…

[piki]

sku.jpg (its my file) and is found in MagicMirror/sku.jpg

[sdetweil]

@piki so
http://localhost:8080/sku.jpg

[piki]

http://localhost:8080/sku.jpg

and should I enter that in custom .css?

body {
background-image : url(‘http://localhost:8080/sku.jpg.’);
background-size: cover;

[sdetweil]

@piki yes,
you should be able to use the developers window to add that to test out

select the body element and add in top right

[piki]

I copied it directly into custom .css…but it still doesn’t work

[sdetweil]

@piki can you show the custom.css entry

[piki]

body {
background-image : uurl(‘http://localhost:8080/sku.jpg.’);
background-size: cover;

}

[sdetweil]

@piki said in custom.css ......body???:

uurl

only url

[piki]

I fixed it, but the image still doesn’t appear

body {
background-image : url(‘http://localhost:8080/sku.jpg.’);
background-size: cover;

}

[sdetweil]

@piki and if you open the developers window, elements tab , select the body element

is the css selected
and are there any errors? (in the console tab)

[sdetweil]

@piki said in custom.css ......body???:

/sku.jpg.');

you also have a trailing . in the image name, ‘jpg.’

[piki]

Failed to load resource: the server responded with a status of 404 (Not found) sku.jpg.:1

[sdetweil]

@piki still the trailing comma
but, I tested here, needs to be in a subfolder of MagicMirror, config worked

[piki]

yes, I also have the ending “.jpg” in the image name

[sdetweil]

@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;
}

[piki]

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?

[sdetweil]

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

if not there(same for every module), then examine the elements in the developers window elements tab

[piki]

great, and if I want “Bolt” bold text instead of thin?

[sdetweil]

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