MMM-Netatmo updated

[zdenek]

@Miller can u plz help me to customize CSS? I need to “somehow” add to my CSS

MMM-netatmo . modules bubbles horizontal . module .secondary .displayAQI .AQI .medium light
font-size:15px;

MMM-netattmo . modules bubbles horizontal . module .primary . displayTemp . Temperature . data_container . data_left large light bright
font-size: 40px;

and also overide the module css value

.x-medium {

  font-size:170%;
}

to

.x-medium {

  font-size:100%;
}

the task is decrease the size of font of mentioned DIVs to own defined size (the actual is too big for me)

I’ve tried

.x-medium {

  font-size:100%;
}

.MMM-netatmo .bubbles.horizontal .module .primary .displayTemp .data_container .data_left {
  font-size: 40px;
}

.MMM-netatmo .bubbles.horizontal .module .secondary .displayAQI .AQI {
  font-size: 15px;
}

thanks a lot - I’m lost :-(

[frogywill]

This update looks great, thank you! What should be changed to have it display the temps in fahrenheit ?

[Miller]

@frogywill To show Fahrenheit, change your default settings of MagicMirror units to “imperial”

Or set units: “imperial” in MMM-Netatmo config

[Miller]

@zdenek
The AQI font class is inherited from the default .small class of MM.

To override this, add the following to the CSS

.MMM-netatmo .displayAQI .small {
  font-size: 10px;
  line-height: 15px;
}

To override all the .small classes in MMM-Netatmo

.MMM-netatmo .small {
  font-size: 10px;
  line-height: 15px;
}

The same goes for the Temperature, this Uses the default .large font class
to override add:

.MMM-netatmo .large {
  font-size: 40px;
}

The .x-medium is only applied to .secondary.displayWindAngle.WindAgle
The other icons is the normal .medium which comes from MM

So you can override

.x-medium {

  font-size:100%;
}

and

.MMM-netatmo .medium {
  font-size: 70%;
}

[zdenek]

@Miller that’s perfect, thanks

[Tribun]

Hi Miller,
First of all, I want to tell you that you have built a great module. It looks awesome.
However, I have a problem with the display of the air quality.
What do I have to enter if I want to take this place?
e.g .:
https://aqicn.org/city/austria/laschoberstrasse--ostlich-kreisverkehr-ruster-strasse/

I only see “wait”.

[Miller]

I cannot take credit for building the module, I only redesigned it a bit.

As for the Air Quality, took me some figuring out as well.

However, as a location, put the string in behind city, so in your case it would be:

location: "austria/laschoberstrasse--ostlich-kreisverkehr-ruster-strasse",

[Tribun]

@Miller thanks for your help and the great design. ;)

[Fozi]

Just came across this post and tried out your fork immediatelly …and it is fantastic. It’s just the way I always wanted! Thanks a lot!

[joffe]

Hello

Is it possible to remove Air Quality completely?