A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
Read the statement by Michael Teeuw here.
Separating text from image
-
Add these to your custom.css file. Play with the values to your satisfaction. :-)
.MMM-Lunartic .xsmall.bright { font-size:22px; } .MMM-Lunartic img.photo { /* display: none; uncomment if you don't want an image */ width: 100%; /* adjust size of moon picture */ margin-left: 0px; /* Precisely align moon picture with these */ margin-right: 0px; margin-top: 0px; /* -41px for current. -21px for animation or static. */ margin-bottom: -11px; /* -51px for current. -21px for animation or static. */ }
This pic shows the result of the above
-
@Mykle1 Thank you kind sir.
-
Forgot something. The
maxWidth: "300px",
in the config entry will likely have to be increased to accommodate the larger text, unless you want the text to wrap. -
For clarity, the edits have to be in the custom.css file, not in the MMM-Lunartic.css file?
-
@ForeverBrewing said in Separating text from image:
For clarity, the edits have to be in the custom.css file, not in the MMM-Lunartic.css file?
Yes, that’s right. Look at the very first line of that post again. :laughing: