Separating text from image

Mykle1

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

ForeverBrewing

@Mykle1 Thank you kind sir.

Mykle1

@ForeverBrewing

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.

ForeverBrewing

For clarity, the edits have to be in the custom.css file, not in the MMM-Lunartic.css file?

Mykle1

@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: