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

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

/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

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?