mmm-suncalc - Text only display of sunrise, sunset and other sun events

[sdetweil]

@dankerthrone the module is on github

https://github.com/janbanan007/mmm-suncalc

the readme shows a simple start

[dankerthrone]

Thanks. I think in general people know to cd to the module folder to be installed and then run

npm install

but I didn’t get that from the readme, thus ran the install command from the ~/MagicMirror folder and as a result never installed anything. No wonder the thing doesn’t run :D

It does now, though, so thanks again!

[Lordy]

Hello,

can sunrise and sunset be colored, if so, can you please tell me the line (command) for css?

[retroflex]

@Lordy There are no css names to distinguish sunrise and sunset. But you can add html directly to the config instead. See my previous answer to this thread for an example. So something like:

text: 'Sunrise < span style="color: #ffff00" >< sunrise >< /span >

Remove the extra spaces next to the brackets. Had to include them or otherwise the forum would show nothing.

[Lordy]

@retroflex
Where exactly? Here my config:

text: ‘

’+‘’+‘’+‘

☀	Sonnenaufgang:	-
☾	Sonnenuntergang:	-

’

[Lordy]

[retroflex]

@Lordy Aha. Then change one of the < td > to < td style=“color: #ffff00” >

[Lordy]

@retroflex
Thank U,that’s it. :thumbs_up_light_skin_tone:

[Lordy]

[retroflex]

@Lordy Great that it worked out! I like the idea, I’ll colorize mine too now.

[Lordy]

@retroflex said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:

Great that it worked out! I like the idea, I’ll colorize mine too now.

Enjoying working and i would like to see the results.:grinning_face_with_smiling_eyes:

[retroflex]

@Lordy

[Lordy]

@retroflex
Nice:thumbs_up_light_skin_tone: That’s exactly how I put forward it.

[Lordy]

@retroflex
I hope you can help me again?
I try to change the font size, but I can’t get any further. Can you please tell me my mistake?
At the moment the module is going under compared to the other modules.
My css entry:

.mmm-suncalc text {font-size: 30px}

[retroflex]

@Lordy Where does “text” come from? Try:

.mmm-suncalc {
  font-size: 30px
}

[Lordy]

@retroflex said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:

.mmm-suncalc {
font-size: 30px
}

I had tried that too. Unfortunately without success. “Text” appears in the config.
Do you have another suggestion?

[retroflex]

@Lordy Maybe this:

.mmm-suncalc table {
  font-size: 30px
}

Tip: You can use developer tools in the browser to check elements and change styles.

[sdetweil]

@Lordy said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:
how about

.mmm-suncalc .text {font-size: 30px}

notice the . in front of text (required to target prior element classes or element names)

[Lordy]

@sdetweil said in mmm-suncalc - Text only display of sunrise, sunset and other sun events:

notice the . in front of text (required to target prior element classes or element names)

I had tried that too. Unfortunately without success.

Maybe this:

.mmm-suncalc table {
  font-size: 30px
}

That was it to change the font size.

I thank both of you for help. Thank U “sdetweil” and “retroflex”.:thumbs_up_light_skin_tone:

In addition, I have to get used to the fact that I can also work with browsers. Not only with “Putty” and “WinSCP”.