@pogges okey, so .week wasn’t in your version.

Thesw are tha classes that are defined

textWrapper.className = "align-left bright large light";
timeWrapper.className = "time bright xlarge light";

There is no classes in MMM-CountDown that is called .event .date or .daysLabel

There is .time and .week

.MMM-CountDown .week{
color: yellow;
}

.MMM-CountDown .time {
color: orange;
}

@rvk1983 If your main goal is to use it as a mirror, you Do want glass, there is no discussion, a glass mirror will give you the best reflection.
The next best thing is acrylic, the downside with acrylic, mostly on larger areas, are that it’s soft and does tend to flex which if you are not careful will result in a funhouse mirror effect. But as long as you make sure it doesn’t flex, it will work just fine.

Reflective film is super difficult to apply without getting bubbles, creases or dirt caught in it. Even the tiniest defect will show.
But it’s cheap.

when it comes to choosing the light transmission (that is the factor that decides how much you will see through the mirror coating) there is no perfect option, you have to consider where it will be placed, i.e light sources near the mirror, the contrast of your screen etc etc. All to minimize the backlight shining through the dark areas.

Another thing to think about when using TV’s instead of monitors is that TV’s doesn’t always “go to sleep” when the hdmi output of the computer is turned off, instead it displays a “no signal” message, which can be annoying.

https://www.howtogeek.com/194642/understanding-the-load-average-on-linux-and-other-unix-like-systems/amp/

@jimboh1978 this has been asked multiple times in the forum (maybe we should add this at the top in the css forum).

But anyways, you adjust the body margin and width/height
(This will be added in the custom.css file, and not altered in the main.css)

This will add a 100pixel border around the entire screen

body {
  margin: 100px;
  height: calc(100% - 200px);
  width: calc(100% - 200px);
}

This will add a 100pixel border on the sides and 50pixel border on top and bottom

body {
  margin-right: 100px;
  margin-left: 100px;
  margin-top: 50px;
  margin-bottom: 50px;
  height: calc(100% - 100px);
  width: calc(100% - 200px);
}

Notice that you always have to subtract the totalt border width (left+right) and/or height (top+bottom) to get to display properly.

Raspberry Pi3 is minimum 2.5A to work well, the more usb stuff you use, the more power is needed.

Look into : https://learn.adafruit.com/synergy-on-raspberry-pi

@noisedoctor Okey, so thats not the issue.

Is the json-file saved in utf8 (and not in ascii)?
Are you running on the mirrors electron browser or are you viewing it on a different browser?

@Vauxdvihl

It is, nevermind the above post then.

but do try the !important addition, it is sometimes needed when the size is defined in the document and not in the css files.

It works as intended on my setup, so I don’t think it’s a issue for everyone.

Can you check so you are not missing

.pre-line {
  white-space: pre-line;
}

in your main.css file (or if you have overwritten it in your custom.css file)