MMM-xiaomi - Temperature and Humidity from your smarthome

shgmongohh

I like to change the colour and the font size of the values in the css. But nothing change.

Can anybody please explain, how to change?

.xm-xiaomi .small {
  font-size: 24px;
}

.xm-xiaomi {
    position: relative;
}

.xm-disabled {
  color: black;
}

.xm-icon {
  padding-left: 8px;
}

.xm-room-item {
  font-size: 22px;
  margin-bottom: -15px;
  z-index: 5;
}

.xm-room-title {
  display: inline-block;
  width: 40%;
  z-index: 5;
}

.xm-room-bars {
  display: inline-block;
  width: 60%;
  z-index: 5;
}

.xm-legend-temp {
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: #FF1493;
  left: 9%;
  z-index: 0;
}

.xm-legend-humid {
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: blue;
  left: 42%;
  z-index: 0;
}


.xm-room-container
{
    height: 100%; 
    min-height: 100%;
    height: 200px;
}

.xm-room {
  
    width: 33.33%;
    height: 33.33%;
  background-color: #228B22;
}
.xm-room-header {
  border-bottom-style : solid;
  border-width: 1px;
 margin: 5px;
 //padding: 5px;
}
.xm-left {
  float: left;
}
.xm-right {
  float: right;
}
.xm-room-temp-humid {
   margin: 5px;
   
}
.xm-room-temp {
    float: left;
    width: 50%;
    padding-top:2px;
}
.xm-room-humid {
    float: right;
    width: 50%;
    text-align: right;
    padding-top:2px;
}
.xm-room-icons {
   margin: 5px;
   vertical-align: bottom;
  // height: 100%;
}
.xm-door-icon {
  float: left;
  width: 33%;
  padding-top:5px;
}
.xm-light-icon {
  float: left;
  width: 33%;
  text-align: center;
  padding-top:5px;
}
.xm-vent-icon {
  float: right;
  width: 33%;
  text-align: right;
  padding-top:5px;
}

mirko3000

Hi, sorry I did not reply to your last comment, did you solve the issues there?
About the CSS: basically you are at the right spot, adjusting these values (e.g. font-size) should change font size. What did you edit exactly? Did you try restarting MM after the changes?

blinky1989dk

This post is deleted!

barnosch

@blinky1989dk said in MMM-xiaomi - Temperature and Humidity from your smarthome:

to my config file. that’s fine, but it can not connect to the gateway. but as soon as I add more then it will be the case
so when i restart it does not start up :( what can i do? some have some bids

sorry i have no idea, what you try to say with that sentence.

blinky1989dk

@barnosch my config file works. but as soon as i add mmm.xiaomi to config. then my config file does not work anymore and my mirror does not start up

yawns

Your config looks a bit misconfigured. Please remove these lines.

	config: {
		// See 'Configuration options' for more information.
	}
	},

If this is still not working, then please paste your entire config.

blinky1989dk

@yawns is dot work. so i had try to send config fil to you on pb

yawns

/* Magic Mirror Config Sample

By Michael Teeuw http://michaelteeuw.nl
MIT Licensed.
*/
var config = {
zoom: 0.6,
port: 8080,
ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses.

language: "da",
timeFormat: 24,
units: "metric",

modules: [
	{
		module: "alert",
	},
	{
		module: "clock",
		position: "top_left"
	},
	{
		module: 'MMM-WunderGround',
		position: 'top_right',
		config: {
			apikey: 'xxxxxxxxxxxxxxxxxxxxxx', // private; don't share!
			pws: 'pws:IVEJLE2', //culemborg
			hourly: '1',
			fctext: '1',
			fcdaycount: "5",
			fcdaystart: "0",
			hourlyinterval: "3",
			hourlycount: "2",
			alerttime: 10000,
			alerttruncatestring: "english:",
			roundTmpDecs: 1,
			UseCardinals: 0,
			layout: "vertical",
			iconset: "novaco",
			sysstat: 0
		}
	},
	{
		module: "MMM-xiaomi",
		position: "bottom_left",
		header: "Temperature / Humidity", // This is optional
		config: {
			gatewayIP: "192.168.10.170",
			gatewayToken: "xxxxxxxxxxxxxxxxxxx",
			showwindow: true,
			showVentilation: false,
			minTemperature: true,
			maxHumidity: true,
			showlights: true,
			rooms: [
			{ name: "test", sortOrder: 30, devices: ["158d0001b911b9"] },
			],
		}
	},
	],
	};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}

Please try again. I don’t know which text editor you used, but it is very important to only use these around strings:

"
’

Do not use

‘
“
”

shgmongohh

@mirko3000
Yes, i solved the problem with the token.

to my css:
I add

.xm-xiaomi .small {
  font-size: 24px;
}

to get a bigger fonts.

I try to change the default colours e.g.

.xm-legend-temp {
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: #FF1493;
  left: 9%;
  z-index: 0;

And I want to have bigger figueres for temperature and humidity

.xm-room-temp-humid {
   margin: 10px;
   
}

blinky1989dk

@yawns okay THX. I Will try