iˇm totaly new - how can I identify the name of the object (in module), I want to modify via custom.css? Let say, I want to modify in default Calendar module the text of todays entries to yellow. How to find in calendar.js, what I want to modify and how to correctly define it in custom.css?
thanks
Read the statement by Michael Teeuw here.
Posts made by zdenek
-
CSS basics
-
RE: MMM-NetworkScanner
@Mykle1 great, thanks. The last (I hope) question is about CSS - I would like to have online devices not white, but let say green. Or just “icon” to have green. Or just Name of device. (depends, what is easier) And the offline keep grey. Do you know, how to do that? Thanks
-
RE: MMM-NetworkScanner
@Mykle1 You are the best! Thanks. Finally it works. The problem was with the array. But see home page of module https://github.com/ianperrin/MMM-NetworkScanner - there is an example config and there is
residents: “Mobile”,
The only difference is that I’ve 1st icon and then name
The time difference i’ve to check. Thanks a lot
BTW, Hot to format text as code? If I tried the icon it place ```, than row
//my code
and again the same three signs. I tried to add row between the weird signs, but it’s normal text
Thanks -
RE: MMM-NetworkScanner
@Mykle1 thanks. Module starts, but “residents” doesn’t work for me.
MMM-NetworkScanner is scanning for ip addresses
Recived payload: [ { ipAddress: ‘192.168.1.11’,
name: ‘Mobile’,
icon: ‘server’,
online: true,
lastSeen: ‘2017-04-28T12:50:02.107Z’ } ]So, device is online, but in Raspberry is “NO DEVICE ONLINE”
in config is:
residents: “Mobile”,if I turn on “show unknow”, it lists about 10 devices in my net, include MAC belongs to 192.168.1.11
one more thing - the time of “last seen” (lastSeen: ‘2017-04-28T12:50:02.107Z’) is 2 hours lower compared to system time. It’s cause of time zone+winter/summer time. How to avoid the thime difference?
-
RE: MagicMirror-Netatmo-Module CSS
@broberg said in MagicMirror-Netatmo-Module CSS:
.netatmo .wi-thermometer {
color: yellow;
}still the same :-( I tried to go through the module files, but I’ve no idea about syntax, so I’ve ne idea, if there is (let call it “object”) objec named “wi-thermometer” with property “color”. Anyway, thanks
-
RE: MagicMirror-Netatmo-Module CSS
@strawberry-3.141 thanks for explanation. now it’s clear. Anyway, inserting of @broberg defintion doesn’t do anything (a place it between commented part of default custom.css and “body{}” section).
-
RE: MagicMirror-Netatmo-Module CSS
@broberg sorry, I’m still noob. I get your point, moved it to custom.css, but nothing happned. I guess I had to say somewhere/somehow in config to use custom.css And cause I would like to use everything else (at least for now) from “default.css”, I had to copy everything from “deafult” to “custom”. Right?
-
RE: MagicMirror-Netatmo-Module CSS
@broberg thanks. I add it at the end - nothing happends ```
.netatmo{display:inline-block}.netatmo .module,.netatmo .loading,.netatmo .loadTimer,.netatmo .updated{display:inline-block}.netatmo .module{overflow:hidden;margin:.125em .25em;border-radius:.25em;border:1px solid #fff}.netatmo .module .name{color:#000;text-align:center;padding:.125em .25em;background:#fff}.netatmo .module .data{padding:.125em .25em}.netatmo svg.loading{width:.6em;height:.6em}.netatmo svg.loading circle{fill:none;stroke-linecap:round;cx:50;cy:50;r:40}.netatmo svg.loading circle.inner{stroke:#fff;stroke-width:6}.netatmo svg.loading circle.outer{stroke:#aaa;stroke-width:10}.netatmo svg.loadTimer{width:.5em;height:.5em;margin:.2em 0;vertical-align:middle}.netatmo svg.loadTimer .loader{fill:#000}.netatmo svg.loadTimer .border{fill:#aaa}.netatmo .updated{margin:.2em 0;padding:0 .5em;vertical-align:middle}
.MagicMirror-Netatmo-Module .wi-thermometer {
color: yellow;
}/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */