MMM-Lunartic

[Mykle1]

@BD0G said in MMM-Lunartic:

I think a centered text that reads “Moon Phase” and no line would be more aesthetically pleasing.

Ohhhhh, the header underline!!!

When you do get a custom.css file, try this (outside the body)

body {
}

MMM-Lunartic .header {
  border-bottom: none;
}

[BD0G]

I tried your suggestion (thanks) and the top header line is still showing. Here is the contents of my custom.css

/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/

 body {
 	.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. */
}
MMM-Lunartic .header {
  border-bottom: none;
}

[sdetweil]

@BD0G said in MMM-Lunartic:

MMM-Lunartic .header {
missing the dot in front of MMM-Lunartic

[BD0G]

@sdetweil Strangely the line is still there and I just copied and pasted from @Mykle1 post above and since it was missing the period thats how it landed in my custom.css.

[Mykle1]

@BD0G

My bad. Sorry about that missing dot. Thanks to @sdetweil for spotting the mistake.

[BD0G]

@Mykle1 I guess Im stuck with the line…

[Mykle1]

@BD0G said in MMM-Lunartic:

I guess Im stuck with the line…

No, here it is. I just tested it. I’m sorry if I gave you bad info earlier. Forgive me? :-)

Goes into your custom.css file, exactly as written. NO DOT BEFORE “header”. Guaranteed!

.MMM-Lunartic header {
  border-bottom: none;
  text-align: center;
  color: cyan;
}

Proof!

Again, I apologize for error.

[BD0G]

@Mykle1 I forgive you. LOL! Actually I praise your willingness to respond with such a helpfulness! I just copied and pasted directly from your code to my custom.css and …
Drumroll please…

Nope! No change?

Its as if the custom.css file is not being recognized.

Here is the entire contents of my custom.css file

/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/

 body {
 	.MMM-Lunartic .xsmall.bright {
  font-size:28px;
}

.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. */

  .MMM-Lunartic header {
  border-bottom: none;
  text-align: center;
  color: cyan;
}
.module.MMM-AlexaControl{
.img{
height: 30px;
width: 30px;
}
}

[Mykle1]

Wait, let me fix this.

Ok, those entries must be made OUTSIDE the body. I’ve corrected it for you.

/*****************************************************
 * Magic Mirror                                      *
 * Custom CSS                                        *
 *                                                   *
 * By Michael Teeuw http://michaelteeuw.nl           *
 * MIT Licensed.                                     *
 *                                                   *
 * Add any custom CSS below.                         *
 * Changes to this files will be ignored by GIT. *
 *****************************************************/

 body {

 }

.MMM-Lunartic .xsmall.bright {
   font-size:28px;
}

.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. */
}

.MMM-Lunartic header {
  border-bottom: none;
  text-align: center;
  color: cyan;
}

.MMM-AlexaControl .img { 
  height: 30px;
  width: 30px;
}

Next step, I come to your house and fix it for you. :-)

[Mykle1]

@BD0G said in MMM-Lunartic:

I praise your willingness to respond with such a helpfulness!

I started on this forum with no knowledge of coding at all. There were people willing to help me then. I still ask for help when I need it. So, this is my way of thanking the people that help(ed) me. :thumbsup:

[BD0G]

@Mykle1 When can you be here? LOL.

[BD0G]

@Mykle1 If I get stuck I always ask for assistance and realize that we all cannot know everything about anything. We are all learning. I appreciate your willingness to help ! I am sure you will see lots mode posts by me. :)

[Mykle1]

@BD0G

I’m here. I’ll send you a private message

[cowboysdude]

We are all here…

[Mykle1]

@cowboysdude said in MMM-Lunartic:

We are all here…

Now I’m here. Now I’m there.

[cowboysdude]

You are truly an International man of mystery.

[BD0G]

@cowboysdude He helped me resolve the issue so its looking goooooooood!

[Vauxdvihl]

Unfortunately no image is shown
And i am not able to reach the linked homepage here (location germany)
Is there a workaround?
Thanks a lot

[Mykle1]

@Vauxdvihl said in MMM-Lunartic:

Unfortunately no image is shown
And i am not able to reach the linked homepage here (location germany)
Is there a workaround?

Yes, the API is down. However, there is a workaround. (temporary fix)

1. Do a “git pull” in the MMM-Lunartic directory to make sure the module is up to date
2. Rename your current MMM-Lunartic.js file to MMM-Lunartic.bak
3. You will now notice a folder named “temporary fix” inside the module folder. Inside the “temporary fix” folder is another MMM-Lunartic.js file. Copy and paste that to the root of the MMM-Lunartic folder.
4. Restart MM

[Vauxdvihl]

@Mykle1
:thumbs_up:
Thanks a lot
it works