Project Sponsors

@BD0G ok thanks

@daegon-jjiya

Please read this. Many thanks.

https://forum.magicmirror.builders/topic/4247/how-to-post-code-on-the-forum-for-absolute-beginners

@MadsChaves

You saw my MacMIrror?

https://forum.magicmirror.builders/topic/6376/macmirror

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

@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 said in MMM-SunRiseSet:

The code that you previously prided needs to be placed OUTSIDE of the “body {}”

It sure does.

@ForeverBrewing

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

I‘m 100% sure you have a syntax error in your config, very likely a missing comma or a bracket. The error message is some what misleading. Post your config and we‘ll look on it.

Maybe it has to do with the css settings.
I use snilles custom.css. Add his settings to your custom.css file and restart MM. You find them at the end of his Readme.md

@Fozi I have the snille module…