MMM-Lunartic

[sdetweil]

@BD0G there is one in ~/MagicMirror/css, it used to contain this

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

[BD0G]

@sdetweil Sam - Where is this file located . I have looked and looked.

Here is the only file listed under MagicMirror/css

[sdetweil]

@BD0G

~/MagicMirror/css

[sdetweil]

@BD0G weird… its still part of the repo, so it should have been installed

I just checked and did a git clone, and the file is present

[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!

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. :)