MMM-Lunartic

BD0G

@sdetweil Strangeness! I guess I will just create a file in that directory and name it custom.css and then paste in the code you posted above.

sdetweil

@BD0G yep… then add the lines Mykle1 gave you, inside the braces

BD0G

:thumbsup

cowboysdude

This post is deleted!

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!
0_1574221010114_Screenshot from 2019-11-19 22-33-28.png

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.